CSS---在线使用iconfont字体图标

在线使用iconfont具体方式如下:

(1)https://www.iconfont.cn/登录自己的账号

(2)搜索图标,加入购物车,全部图标加入购物车完毕后点击购物车,添加至相应的项目

CSS---在线使用iconfont字体图标_第1张图片

 

CSS---在线使用iconfont字体图标_第2张图片

(3)点击【FontClass】【查看在线链接】【暂无代码,点击生成】

CSS---在线使用iconfont字体图标_第3张图片

 

CSS---在线使用iconfont字体图标_第4张图片

(4)在项目中引入

CSS---在线使用iconfont字体图标_第5张图片

注意:每次增加或编辑之后icon库一定要更新链接!!!

CSS---在线使用iconfont字体图标_第6张图片

ps:在浏览器窗口输入【http://at.alicdn.com/t/font_1861780_u438k3mqyu8.css】,即可看到css文件,也可将它拷贝至项目的全局css文件中使用。为了文件整齐简洁,也可以做如下css代码的替换。

CSS---在线使用iconfont字体图标_第7张图片

你可能感兴趣的:(CSS,前端tips)