方法一:
1.进入阿里图标库下载并解压字体图标库到本地(下载Unicode格式的)
2.在项目根目录下创建common目录,并把iconfont.css文件放入common目录中
3.修改iconont.css里的@font-face(保留base64字体图标)
3-1:未修改前是这样
@font-face {font-family: "iconfont";
src: url('iconfont.eot?t=1561880249351'); /* IE9 */
src: url('iconfont.eot?t=1561880249351#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
url('iconfont.woff?t=1561880249351') format('woff'),
url('iconfont.ttf?t=1561880249351') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
url('iconfont.svg?t=1561880249351#iconfont') format('svg'); /* iOS 4.1- */
}
3-2:修改后是这样(就是保留base64格式的字体,其他的都删除),src属性的末尾是以分号结尾
@font-face {
font-family: "iconfont";
src: url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2');
}
4.在App.vue中引入iconfont.css文件
5.引入后所有页面都可以使用字体图标了(class里的icon,iconfont icon-paixu-shengxu都是必须有的)
方法二:
步骤一和步骤二与方法一里的一样
3.修改iconont.css里的@font-face
3-1:保留font-family: 'iconfont'; 保留src属性,src里的url设置为线上链接
('https://at.alicdn.com/t/font_1238635_aqkjl9rnfie.ttf') format('truetype'),
要给url加上https前缀
3-2:修改后是这样
@font-face {
font-family: 'iconfont';
src: url('https://at.alicdn.com/t/font_1238635_aqkjl9rnfie.ttf') format('truetype');
}
4.在App.vue中引入iconfont.css文件
5.在页面中使用字体图标