vue引入外部字体

Posted bsrookie

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue引入外部字体相关的知识,希望对你有一定的参考价值。

首先将字体文件放到项目中,然后建一个css文件配置

@font-face {
font-family: ‘yahei‘; //重命名字体名
src: url(‘msyh.ttf‘); //引入字体
font-weight: normal;
font-style: normal;
}
再在main.js中导入该css即可生效

以上是关于vue引入外部字体的主要内容,如果未能解决你的问题,请参考以下文章

uni-app 引入字体

vue怎么引入bootstrap的字体图标

如何在.vue文件中引入外部js

vue项目用了iconmood字体图标,pc端可以正常显示,移动端显示异常

Vue外部js引入做为全局变量

Android 字体库的使用-引入外部字体