IconFont 图标
-
phone.icon-phone
-
phone.icon-phone1
-
password.icon-password
-
computer.icon-computer
-
similar-product.icon-similarproduct
-
add.icon-add
-
qq.icon-tubiao215
-
laptop-phone.icon-laptopphone
-
store.icon-store1
-
icon6.icon-icon6
-
cc-arrow-left.icon-cc-arrow-left
-
cc-card.icon-cc-card
-
earth2.icon-earth2
-
gift2.icon-gift2
-
hk_right.icon-hkright
-
14.shopcar.icon-14shopcar
-
phone_handle.icon-phonehandle
-
telephone.icon-telephone
-
question.icon-question
-
DataArchive.icon-dataarchive
-
check-triangle.icon-checktriangle
-
云存储.icon-yuncunchu
-
data06.icon-data06
-
上_upper7.icon-shangupper7
-
LC_icon_user_fill_2.icon-LC_icon_user_fill_2
-
money.icon-i-money
-
book-multiple.icon-bookmultiple
-
google-earth.icon-googleearth
-
key.icon-key
-
square-inc.icon-squareinc
-
triangle.icon-triangle
-
shop_car.icon-shop_car
-
star.icon-32
-
arrow-left.icon-previewleft
-
wechat.icon-wechat
-
triangle-play.icon-triangle-play
-
Right arrow.icon-1201youjiantou
-
lock.icon-lock
-
X.icon-x
-
phone6-电话.icon-phone6dianhua
-
Mail_message.icon-mailmessage
-
customer service.icon-customerservice
-
ic_left - circle - o.icon-icleftcircleo
-
ic_double - left.icon-icdoubleleft
-
arrows down.icon-arrowsdown
-
Service.icon-service
-
buy-ecs-storage.icon-buyecsstorage
-
name.icon-name
-
reduce.icon-reduce
-
iconfont-icon-suggest.icon-iconfonticonsuggest
-
date.icon-icondate01
-
home.icon-home
-
set.icon-set
-
text.icon-text
-
search.icon-search
-
Iconfont_persons.icon-Iconfont_persons
-
icon_package.icon-wenjianbao
-
triangle-down.icon-triangle-down
-
triangle-up.icon-triangle-up
-
write.icon-write
-
net.icon-net
-
position.icon-position
-
up.icon-up
-
mobile-link-computer.icon-mobile-link-computer
-
code.icon-code
-
google-circles.icon-google-circles
-
ic_cloud_circle.icon-ic_cloud_circle
-
qqtb.icon-qqtb
-
shield 1.icon-shield
-
store.icon-store
-
icon_signal.icon-icon_signal
-
arrows_squares.icon-arrows_squares
-
star.icon-star
-
19 list.icon-list
-
finance.icon-m_finance
-
ask.icon-ask
-
menu_learn.icon-menu_learn
-
order.icon-order
-
ic_double - left.icon-icdoubleleft-copy
font-class引用
font-class是unicode使用方式的一种变种,主要是解决unicode书写不直观,语意不明确的问题。
与unicode使用方式相比,具有如下特点:
- 兼容性良好,支持ie8+,及所有现代浏览器。
- 相比于unicode语意明确,书写更直观。可以很容易分辨这个icon是什么。
- 因为使用class来定义图标,所以当要替换图标时,只需要修改class里面的unicode引用。
- 不过因为本质上还是使用的字体,所以多色图标还是不支持的。
使用步骤如下:
第一步:引入项目下面生成的fontclass代码:
<link rel="stylesheet" type="text/css" href="./iconfont.css">
第二步:挑选相应图标并获取类名,应用于页面:
<i class="iconfont icon-xxx"></i>
"iconfont"是你项目下的font-family。可以通过编辑项目查看,默认是"iconfont"。