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设置字体的主要内容,如果未能解决你的问题,请参考以下文章

Alfred常见使用

使用 webpack 2 和 vue-cli 加载本地字体

Vue-cli4 alias配置

在 vuetify 中更改默认字体不起作用(vue-cli 3)[Vuetify 1.X]

VSCode自定义代码片段4——cli的终端命令大全

将多个输出中的hls属性设置为单独的片段代码