我们做项目的时候,有时候会想用一些特殊字体来美化我们的页面,下面就教大家如何在vue中引用其他字体
-
首先要去百度搜索我们想要的字体或者在字体网站找一个我们觉得合适的字体
在这里插入图片描述
这里推荐下面的网站 第一字体转换器 其他网站也都可以
-
下载我们需要的.ttf文件 放在我们本地文件夹中
在这里插入图片描述 -
在文件夹下 创建一个 font.css 文件 通过 @font-face 规则引入我们的文件和给字体命名
在这里插入图片描述 -
在 vue 中的 main.js 引入我们的 font.css
在这里插入图片描述 -
然后就可以在任意组件的 css 中使用啦
在这里插入图片描述
网友评论