CSS3 HTML5 开发

网站引用阿里巴巴iconfont图标font-class方式

我用的几款主题默认多是用的fontawesome,不过国内现在也还是很多人用阿里巴巴的iconfont了。

今天给自己博客也用了iconfont的图标,用在了小工具上,大概看我右边小工具的就行了。

iconfont官方也有个说明的,看下引入就行了。

第一步:登录iconfont网站

第二步:1选择好图标,加入库。

第二步:2把刚才的图标加到项目里面(新建个项目都行)

第三步:去项目里面更新下链接,我们需要那个css地址

网站引用阿里巴巴iconfont图标font-class方式

上面几步的Gif

第四步:把刚才的css链接复制出来放到对应代码

<link rel="stylesheet" href="//at.alicdn.com/t/font_1522615_hznfkmn30d.css">
<a href="https://twitter.com/jingxialai" target="_blank"><i class="iconfont icon-twitter"></i></a>

用这个就不用把css下载到本地了,也方便使用。

图标代码:

<i class="iconfont icon-xxx"></i>

icon-xxx 这个就是在对应到图标下面,复制下就行。

网站引用阿里巴巴iconfont图标font-class方式

参考:https://www.iconfont.cn/help/detail?spm=a313x.7781069.1998910419.d8cf4382a&helptype=code

我也不知道说点啥,你们自己看吧~ 联系我

你可能喜欢

没有留意

    发表评论