vue引入字体文件

一.免费字体下载网址
1.https://www.dafont.com
2.https://font.chinaz.com/index.html

二.在assets下新建font文件夹，把字体文件放进去

三.在font文件夹下新建font.css，内容如下：

@font-face { 
    font-family: 'xxx';/*自定义字体名称*/
    src: url('lednar.ttf');/*字体文件路径*/
    font-weight: normal;
    font-style: normal;
}
/*可定义多个@font-face 字体*/

四.使用
1.将样式引入

@import "../assets/font/font.css";

2.使用

font-family: xxx;