vue中的图标字体引入

网址: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

猜你喜欢

转载自www.cnblogs.com/dangdanghepingping/p/9931153.html