1、在根目录的assets中新建fonts目录
/* // 注意:font-family: 'XXX'; 将字体名字自定义为XXX,使用时要用这个名字 */
@font-face {
font-family: 'ShiShangZhongHeiJianTi';
src: url('./trends.ttf');
}
2、在main.js中引入字体文件
// 引入字体
import '@/assets/fonts/fonts.css'
3、页面中使用
span{
font-family: 'ShiShangZhongHeiJianTi';
}