正文
vue项目引入外部字体
小程序:扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序
【扫一扫了解最新限行尾号】
复制小程序
1、UI设计图有"华文黑体",担心客户端没有该字体,将"huawen.ttf"字体文件,放入项目中:
2、创建一个font.scss(或font.css)文件:
@font-face {
font-family: 'huawen'; //重命名字体名
src: url('huawen.ttf'); //引入字体
font-weight: normal;
font-style: normal;
}
3、在main.js中引入
import '@/common/css/font.scss';
4、就可以直接使用了:
div {
font-family: 'huawen';
}