vue 中引入外部字体样式

1 .在src下 assets新建文件夹font，将字体文件放入

image

2. 在font文件中新建font.css

@font-face {  
    font-family: 'xiaowei';   //自定义文字名
    src: url('./xiaowei.OTF');  //路径引入文字
    font-weight: normal;  
    font-style: normal;  
  }

3.在main.js中引入

import './common/font.css'

4. 在样式中使用

  font-family: "xiaowei";

完成！！！！ 有用的话 给个小赞