首页 > 其他 > 详细

vue中的图标字体引入

时间:2018-11-08 19:02:39      阅读:144      评论:0      收藏:0      [点我收藏+]

网址:https://icomoon.io/app/#/select;

特点:样式多,免费

操作:

1.相中的,随便点,不要钱,generat fonts然后download,得到一个压缩文件,解压

2,把style.css放到vue的static里,把font放到asetes里(当然你也可以放在别的地方,只要vue里就可以)。

3,在需要用图标的vue文件的style里引入css文件:@import    ./路径style.css(别忘记改一下style.css里的font路径,否则报错,如果没安装cssloader就安装下)

4,此后,哪里需要图标,只要加一下class名,他们就可以显示。

当然,你还可以在那网址上改标签,edit

vue中的图标字体引入

原文:https://www.cnblogs.com/dangdanghepingping/p/9931153.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!