一、下载字体文件
我这里只有D-DIN字体:https://download.csdn.net/download/weixin_45048913/19821026
二、将字体文件放到资源文件
我是放在自己建的一个文件里面的,另外同级还建了一个css文件
三、在css文件里面写入
@font-face {
font-family: 'din';
src: url('D-DIN.TTF');
font-weight: normal;
font-style: normal;
}
这里可以无限写哦
四、在main.js文件里面引入
import "./common/font/din.css";
五、页面使用
.class{
font-family:'din' ;
}