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;
}
本文介绍如何在前端项目中加载和使用自定义字体,包括字体文件的准备、CSS配置、Webpack配置及在Vue项目中的具体应用。

311

被折叠的 条评论
为什么被折叠?



