IconFont 图标
-
check.icon-check
-
close.icon-close
-
edit.icon-edit
-
favor_fill.icon-favorfill
-
favor.icon-favor
-
loading.icon-loading
-
location_fill.icon-locationfill
-
location.icon-location
-
round_check_fill.icon-roundcheckfill
-
search.icon-search
-
time_fill.icon-timefill
-
time.icon-time
-
unfold.icon-unfold
-
camera_fill.icon-camerafill
-
camera.icon-camera
-
comment.icon-comment
-
like_fill.icon-likefill
-
like.icon-like
-
deliver.icon-deliver
-
shop.icon-shop
-
back.icon-back
-
cascades.icon-cascades
-
scan.icon-scan
-
settings.icon-settings
-
question.icon-question
-
shop_fill.icon-shopfill
-
pic.icon-pic
-
refresh.icon-refresh
-
remind.icon-remind
-
lock.icon-lock
-
present.icon-present
-
round.icon-round
-
round_add_fill.icon-roundaddfill
-
round_add.icon-roundadd
-
add.icon-add
-
fold.icon-fold
-
game.icon-game
-
similar.icon-similar
-
info_fill.icon-infofill
-
forward.icon-forward
-
voice.icon-voice
-
wifi.icon-wifi
-
share.icon-share
-
down.icon-down
-
mobile.icon-mobile
-
mobile_fill.icon-mobilefill
-
countdown.icon-countdown
-
creative.icon-creative
-
apps.icon-apps
-
people_fill.icon-peoplefill
-
people.icon-people
-
community_fill.icon-communityfill
-
community.icon-community
-
tag_fill.icon-tagfill
-
tag.icon-tag
-
upload.icon-upload
-
add.icon-add1
-
move.icon-move
-
safe.icon-safe
-
向右箭头.icon-xiangyoujiantou
-
appreciate_light.icon-appreciatelight
-
emoji_light.icon-emojilight
-
goods_light.icon-goodslight
-
record_light.icon-recordlight
-
round_add_light.icon-roundaddlight
-
sort_light.icon-sortlight
-
profile_light.icon-profilelight
-
shop_light.icon-shoplight
-
voice_light.icon-voicelight
-
camera_light.icon-cameralight
-
full.icon-full
-
mail.icon-mail
-
money_bag_fill.icon-moneybagfill
-
money_bag.icon-moneybag
-
redpacket_fill.icon-redpacket_fill
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"。