码迷,mamicode.com
首页 > 其他好文 > 详细

使用iconfont图标

时间:2019-07-31 01:22:06      阅读:198      评论:0      收藏:0      [点我收藏+]

标签:style   conf   href   进入   round   ima   一个   增加   必须   

有一个图标库:https://www.iconfont.cn/

进去先注册,创建一个项目,将需要的图标放到购物车中,添加到该项目,进入该项目可以查看所添加的图标

 

技术图片

 

 

 

使用图标的两种方式:

第一种

点击查看在线链接,将生成的链接引入到代码中

<link rel="stylesheet" href="http://at.alicdn.com/t/font_1324931_zqo705ta2.css"></link>

 使用 i 标签引入需要的图标,加上对应的样式

iconfont是必须要增加的,再增加一个图标样式(在iconfont网站上查看图标,点击复制代码,copy的是该图标的样式),例如:

<i class="iconfont icon_function_guanbi"></i>

 

使用iconfont图标

标签:style   conf   href   进入   round   ima   一个   增加   必须   

原文地址:https://www.cnblogs.com/feiyangyao/p/11273535.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!