vue项目引入字体.ttf

192 阅读 0 评论 127 点赞

我是靠谱客的博主外向月饼，这篇文章主要介绍vue项目引入字体.ttf，现在分享给大家，希望可以做个参考。

1、下载所需要的字体，.ttf格式本文以（FZCYJ.ttf 为例）

2、在src下新建common文件，文件夹中包含以下文件

3、打开font.css

@font-face {
font-family: 'FZCYJ'; //重命名字体名
src: url('FZCYJ.ttf'); //引入字体
font-weight: normal;
font-style: normal;
}

4、配置webpack.base.conf.js 文件

5、App.vue引入字体

6、可在body中设置字体

body{
font-family: FZCYJ;
}

以上就是外向月饼最近收集整理的关于vue项目引入字体.ttf的全部内容，更多相关vue项目引入字体内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。