添加自定义字体

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'

猜你喜欢

转载自www.cnblogs.com/XHappyness/p/12407973.html