vue.js里面怎么引入font-icon

1、 首先用@font-face声明字体，表明字体的名称和位置:

2、 设置font-family，确定在何种情况下使用该字体:

3、 然后用CSS伪元素和unicode字符来控制要显示的内容。至于这些unicode字符，如果icon字体是你们设计师制作的，设计师会告诉你，如果你是从网上下载的，应该有使用的dome，demo页面上一般都能够显示出每个图标的unicode字符。

试试

pIcon.onclick=fun()

pIcon.onclick="fun()"

pIcon.onclick=fun

fun是响应函数

我对html不太熟，只能帮你到这了

1. 做后台管理项目必不可少会用到图标，关于使用和选择图标，大家可以参考这篇文章： 手摸手，带你优雅的使用 icon - 掘金 ，我在项目中用的是vue-fontawesome

2. 文档写的很详细，大家一看就明白了，文档： https://github.com/FortAwesome/vue-fontawesome ， 官网： Icons | Font Awesome

3. 如果使用的图标有很多，建议大家单独抽出来一个js文件，如：

4. 然后在main.js 文件引入：

5. 最后给大家拜个晚年，祝大家猪年大吉，万事如意！

---