vue中引用阿里字体图标的方法

内容简介：这篇文章主要介绍了vue中引用阿里字体图标出现错误问题的解决方法，感兴趣的朋友跟随脚本之家小编一起学习吧

想在vue中引用阿里的iconfont,却出现报错 ，原因是没有对应的loader处理字体文件。

解决办法

1.引入css文件

import 'font-awesome/css/font-awesome.min.css'

2.在webpack.config中配置

{
    test: /\.(eot|svg|ttf|woff|woff2)$/,
    loader: 'file-loader'
}

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网

关注我们，获取更多IT资讯^_^

查看所有标签

• 图标使用新姿势- react 按需引用 svg 的实现
• c# – 如何将两个图标合并在一起？ (在另一个图标上叠加一个图标)
• Bootstrap 图标集 v1.2.0 发布 —— 喜提 CSS 图标字体！
• Bootstrap 图标集 v1.2.0 发布 —— 喜提 CSS 图标字体！
• 9012年了你还在用单色图标？(iconfont多色图标详解)
• 开源图标字体 uiw-iconfont v1.2.6 发布，新增图标

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。