IconFont 图标
-
accessory
-
activity
-
activity_fill
-
add
-
addition_fill
-
addition
-
addpeople_fill
-
addpeople
-
addressbook_fill
-
addressbook
-
barrage_fill
-
barrage
-
browse_fill
-
browse
-
brush
-
brush_fill
-
businesscard_fill
-
businesscard
-
camera_fill
-
camera
-
clock_fill
-
clock
-
close
-
collection_fill
-
collection
-
computer_fill
-
computer
-
coordinates_fill
-
coordinates
-
coupons_fill
-
coupons
-
createtask_fill
-
createtask
-
customerservice_fill
-
customerservice
-
delete_fill
-
delete
-
document
-
document_fill
-
dynamic_fill
-
dynamic
-
editor
-
eit
-
emoji_fill
-
emoji
-
empty
-
empty_fill
-
enter
-
enterinto
-
enterinto_fill
-
feedback_fill
-
feedback
-
flag_fill
-
flag
-
flashlight
-
flashlight_fill
-
flip
-
flip_fill
-
fullscreen
-
group
-
group_fill
-
headlines_fill
-
headlines
-
homepage_fill
-
homepage
-
integral_fill
-
integral
-
interactive_fill
-
interactive
-
keyboard
-
label
-
label_fill
-
like_fill
-
like
-
live_fill
-
live
-
lock_fill
-
lock
-
mail
-
mail_fill
-
manage_fill
-
manage
-
message
-
message_fill
-
mine
-
mine_fill
-
mobilephone_fill
-
mobilephone
-
more
-
narrow
-
offline_fill
-
offline
-
order_fill
-
order
-
other
-
people_fill
-
people
-
picture_fill
-
picture
-
play
-
play_fill
-
playon_fill
-
playon
-
praise_fill
-
praise
-
prompt_fill
-
prompt
-
qrcode_fill
-
qrcode
-
redpacket_fill
-
redpacket
-
refresh
-
remind_fill
-
remind
-
return
-
right
-
scan
-
select_fill
-
select
-
send
-
service_fill
-
service
-
setup_fill
-
setup
-
share_fill
-
share
-
shielding_fill
-
shielding
-
smallscreen_fill
-
smallscreen
-
stealth_fill
-
stealth
-
success_fill
-
success
-
suspend
-
switch
-
systemprompt_fill
-
systemprompt
-
tailor
-
task
-
task_fill
-
tasklist_fill
-
tasklist
-
text
-
time_fill
-
time
-
translation_fill
-
translation
-
trash
-
trash_fill
-
undo
-
unlock_fill
-
unlock
-
video
-
video_fill
-
warning_fill
-
warning
-
workbench_fill
-
workbench
-
search
-
search fill
-
qianriu_fill
-
publish goods_fill
-
shop_fill
-
transaction_fill
-
packup
-
unfold
-
wangwang_fill
-
financial_fill
-
marketing_fill
-
shake
-
decoration_fill
-
logo
-
logo_fill
-
questions
-
supply
-
tools
-
int_fill
-
commodity
-
energy
unicode引用
unicode是字体在网页端最原始的应用方式,特点是:
- 兼容性最好,支持ie6+,及所有现代浏览器。
- 支持按字体的方式去动态调整图标大小,颜色等等。
- 但是因为是字体,所以不支持多色。只能使用平台里单色的图标,就算项目里有多色图标也会自动去色。
注意:新版iconfont支持多色图标,这些多色图标在unicode模式下将不能使用,如果有需求建议使用symbol的引用方式
unicode使用步骤如下:
第一步:拷贝项目下面生成的font-face
@font-face {
font-family: 'iconfont';
src: url('iconfont.eot');
src: url('iconfont.eot?#iefix') format('embedded-opentype'),
url('iconfont.woff') format('woff'),
url('iconfont.ttf') format('truetype'),
url('iconfont.svg#iconfont') format('svg');
}
第二步:定义使用iconfont的样式
.iconfont{
font-family:"iconfont" !important;
font-size:16px;font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
第三步:挑选相应图标并获取字体编码,应用于页面
<i class="iconfont">3</i>
"iconfont"是你项目下的font-family。可以通过编辑项目查看,默认是"iconfont"。