vue项目引入外部字体

一、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