vue-cli 4设置字体
Posted ouyangkai
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue-cli 4设置字体相关的知识,希望对你有一定的参考价值。
1 下载tff格式的字体
2 assets中新建文件夹fonts,把tff字体文件放在fonts,并在assets/css中新建font.css
@font-face {
font-family: "Acy";
src: url(‘../fonts/Acy.ttf‘) format(‘truetype‘);
font-weight: normal;
font-style: normal;
}
3、在mian.js中引用font.css
import ‘./assets/css/font.css‘
4、在需要使用的地方设置新字体样式就可以了
font-family: "Acy";
以上是关于vue-cli 4设置字体的主要内容,如果未能解决你的问题,请参考以下文章