在vue项目中添加特殊字体

  这里的特殊字体,指的是一般用户电脑未安装到本地的字体,要引入这样的字体,首先需要把字体文件下载下来。

  

  就像上图这样的,ttf格式的,然后在项目里添加它。

  

  然后我们在font.css里用@font-face规则引入这个字体文件并命名它。

  

  (踩坑:引入字体资源时如后缀为.TTF,项目将无法识别,并且还报错)

  然后在App.vue里的style导入它:

  

  然后在任意组件中就可以使用了,效果如下:

  

猜你喜欢

转载自www.cnblogs.com/zhangnan35/p/9812453.html