1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 《前端》阿里字体库iconfont使用方法

《前端》阿里字体库iconfont使用方法

时间:2020-01-10 18:19:13

相关推荐

《前端》阿里字体库iconfont使用方法

1、到阿里字体库网站中,登录账号。/

我的账号是我的126邮箱。

2、在图标库中查找自己需要的图标,并加入购物车,添加至项目中。最后下载到本地。

3、如何将想用的图标应用在html网页中?

下图为下载的阿里图标。

首先将iconfont.css文件引入到html中(注意路径):

<link rel="stylesheet" rev="stylesheet" href="css/iconfont.css" type="text/css" media="all" />

再将需要的图标代码引入html对应位置:

<span class="iconfont">&#xe626;</span>

注意:使用过程中需要的图标尽量一次性下载完,然后使用。这样图标的iconfont.css 文件是同一个文件。

虽然小图标的代码一样,但是每次下载iconfont.css文件。它里面的样式是有针对性的。不是所有图标的样式。所以当分批次下载图标时候,iconfont.css文件内容不一样。应该是可以汇总在一起的。但是毕竟麻烦。我也尝试汇总一起,也不行,应该是还有东西需要修改。

完成!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。