一、vue项目引入外部字体
1.网上下载字体包
2.在项目中引入字体
3.然后在css文件夹 创建一个font.css文件，文件用于声明引入的字体，定义字体名称
@font-face {
font-family: 'Source Han Sans CN-Medium';
src: url('../font/SourceHanSansSC-Medium.otf');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Source Han Serif SC-Bold';
src: url('../font/SourceHanSansSC-Bold.otf');
font-weight: normal;
font-style: normal;
}
4.在main.js中引入font.css文件
5.在css中使用
————————————————
版权声明：本文为CSDN博主「qq_35971976」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_35971976/article/details/125778277
