添加自定义字体
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'