vue项目引入字体.ttf

59 阅读 0 评论 39 点赞

我是靠谱客的博主外向月饼，最近开发中收集的这篇文章主要介绍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项目引入字体.ttf所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

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