vue项目配置字体包

从网上下载或找UI要字体包，创建个文件夹里面放字体包和生成一个css文件

字体包格式是ttf的最好，如果不是的话可以去网上找能转换格式的网站转换一下

字体转换器 (在线自由) — Convertio

css文件里写：

@font-face {
    font-family: 'PF';
    src: url('TTF文件地址');
    font-weight: normal;
    font-style: normal;
  }

然后在需要加文字格式的页面下引入

@import "css文件地址";

重点来了

有时候配置了会不生效，这个时候要在vue.config里面写上

配置成功之后重启一下项目，如果还是没生效就在对应页面的css里写入font-family: 'JDZY';然后就可以看到字体变化成JDZY了