vue引入字体

假定已经下了字体包
1、在src/assets文件夹下新建一个font文件夹,放入字体文件与配置文件
vue引入字体_第1张图片这个与两个字体,优设标题黑和DIN字体,font.css用于给字体取名,将字体引入网站。

@font-face {  
  font-family: 'YouSheBiaoTiHei'; 
  src: url('YouSheBiaoTiHei-2.ttf');  
  font-weight: normal;  
  font-style: normal;  
}
@font-face {  
  font-family: 'DIN'; 
  src: url('DIN-Bold.otf');  
}

2、全局引入
在main.js引入

import '@/assets/font/font.css'

vue引入字体_第2张图片

你可能感兴趣的:(vue.js,前端,javascript)