IconFont 图标
-
all.icon-all
-
back.icon-back
-
cart.icon-cart
-
Category.icon-category
-
close.icon-close
-
comments.icon-comments
-
cry.icon-cry
-
delete.icon-delete
-
edit.icon-edit
-
email.icon-email
-
favorite.icon-favorite
-
form.icon-form
-
help.icon-help
-
information.icon-information
-
less.icon-less
-
more_unfold.icon-moreunfold
-
more.icon-more
-
pic.icon-pic
-
QRCode.icon-qrcode
-
refresh.icon-refresh
-
RFQ.icon-rfq
-
search.icon-search
-
selected.icon-selected
-
set.icon-set
-
Smile.icon-smile
-
success.icon-success
-
survey.icon-survey
-
training.icon-training
-
ViewGallery.icon-viewgallery
-
Viewlist.icon-viewlist
-
warning.icon-warning
-
wrong.icon-wrong
-
account.icon-account
-
add.icon-add
-
clock.icon-clock
-
remind.icon-remind
-
calendar.icon-calendar
-
attachment.icon-attachment
-
discount.icon-discount
-
service.icon-service
-
print.icon-print
-
box.icon-box
-
process.icon-process
-
lights.icon-lights
-
jewelry.icon-jewelry
-
browse.icon-browse
-
scanning.icon-scanning
-
pin.icon-pin
-
link.icon-link
-
cut.icon-cut
-
text.icon-text
-
move.icon-move
-
download.icon-icondownload
-
map.icon-map
-
bad.icon-bad
-
good.icon-good
-
play.icon-iconfontplay2
-
stop.icon-iconfontstop
-
compass.icon-compass
-
security.icon-security
-
share.icon-share
-
hot.icon-hot
-
data.icon-data
-
favorites.icon-favorites
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"。