vue中如何引入指定字体并且使用

vue中如何引入指定字体并且使用

步骤一：在src下建立文件夹fonts

fonts下引入字体文件且建立一个css文件

在css中定义字体样式
@font-face { font-family: '字体名称';//组件中使用的名字 src: url('./字体路径.ttf');//引入自定义的路径 font-weight: normal; font-style: normal; }
当然有很多字体时在继续增加就行了

步骤二：在main.js中引入fonts中的css文件；

import '../../fonts/font.css'这样就可以在全局中使用字体了

步骤三：使用时为：font-family: “字体名称”;