项目引入外部字体

背景

公司官网需要引入多个字体文件。

1.下载字体文件

• google fonts
• Pingfang SC,提取码9neg

2.新建font.css

@font-face {  
  font-family: 'huawen';  //重命名字体名
  src: url('huawen.ttf');  // 字体文件路径
  font-weight: normal;  
  font-style: normal;  
}

3.在main.js中引入

import '@/font/font.scss';

4.使用

div {
  font-family: 'huawen'
}