特殊字体的使用步骤

1. 首先,去下载对应的字体

推荐几款网站可以下载字体,我们建议下载到本地使用

100font

一个专门收集整理「免费商用字体」的网站,网站简单粗暴地列出了多款免费商用字体的预览和下载链接,看到喜欢的字体就能直接下载

iconfont

是阿里巴巴旗下的矢量图标库网站,这个网站的「字体库」页面提供了 8 款免费可商用字体,其中有 2 款出自阿里巴巴团队——阿里巴巴普惠体阿里妈妈数黑体

站酷字库

站酷网,是国内最大的设计社区,聚集了许多优秀的设计师,在这里可以看到他人上传的设计作品、设计经验分享和教程等。

在站酷的「站酷字库」页面,你可以免费下载 7 款站酷冠名的字体,如站酷庆科黄油体、站酷文艺体等,这些字体可供任何人免费商用,无需担心版权问题。

进入网站首页 > 点击导航栏的三个点 > 站酷字库 > 就可以看到可以免费使用的字体了

Pixso

Pixso是一款专注于UI设计领域,支持多人协同的国产在线设计软件,主要用于UI设计。而不是字体下载

2. 然后把文件名为.ttf的文件引入到font文件夹之下

特殊字体的使用步骤_第1张图片

3. 在css中导入字体

特殊字体的使用步骤_第2张图片

4. 使用该字体

特殊字体的使用步骤_第3张图片

5.效果图

qGjOo-1687512947153)]

5.效果图

特殊字体的使用步骤_第4张图片

你可能感兴趣的:(资源,vue)