项目中引用字体包需要的配置

280 阅读1分钟

1、引入字体包

从网上下载字体包,以.ttf结尾对的文件,去百度搜找到你需要的就行 在这里插入图片描述 将下载的文件放到静态资源目录下面即可。 在这里插入图片描述

2、编写font.css文件并进行声明

@font-face {  
  font-family: 'DIN Alternate'; 
  src: url('./DIN Alternate Bold.ttf') format('truetype');  
  font-weight: normal;  
  font-style: normal;  
}

3、全局引用

font.css文件需要在main.js文件中引入,否则不生效

4、文件中使用

font-size: 'DIN Alternate'

至此,搞定,快来试试吧