添加自定义字体

1. 由ui提供后缀为.ttf的字体文件包

我这里命名为pmzd.ttf

2. 创建css文件引入字体文件包

我这里用的less, pmzd.less内容如下:

@font-face {
	font-family: 'PangMenZhengDao';
	src: url('./pmzd.ttf');
}

3. index.less中引入上一步的css文件pmzd.less(我这里所有样式通过index.less引入)

@import './fonts/iconfont.css'; // 引入iconfont字体
@import './custom-fonts/pmzd.less';  // 引入自定义字体
@import './iview-custom.less';  // 引入iview自定义样式文件
@import './global.less'; // 引入全局样式文件

4. main.js中引入index.less

import '@/styles/index.less'
posted @ 2020-03-04 10:25  ฅ˙-˙ฅ  阅读(721)  评论(0编辑  收藏  举报