IconFont 图标
-
arrow-up.arrowup
-
重置.zhongzhi
-
保存.baocun
-
component.component
-
star.star
-
plus.plus
-
邮件.mail
-
star.star1
-
arrow-down.arrow-down
-
arrow-down.arrow-up
-
design.design
-
短信.duanxin
-
NC cloud logo.nccloud
-
NC cloud HR.nccloudhr
-
alarmsmd.alarmsmd
-
arrow-down.arrowdown
-
bookmarks.bookmarks
-
favorite.favorite
-
help.help
-
home.home
-
more.more
-
pc-mac.pcmac
-
search.search
-
setting01.setting01
-
setting02.setting02
-
text.text
-
uesrs.uesrs
-
cancel.cancel
-
adduser.adduser
-
dustbin.dustbin
-
more-barrow.morebarrow
-
picture.picture
-
app-icon.appicon
-
information-icon.informationicon
-
organization-icon.organizationicon
-
user-icon.usericon
-
more-icon.moreicon
-
money.money
-
form_three.formthree
-
date.date
-
date1.date1
-
mtext.mtext
-
form_two.formtwo
-
mobilephone.mobilephone
-
mail.mail1
-
more_barrow.morebarrow1
-
text.text1
-
checkbox.checkbox
-
Radio.radio
-
enclosure.enclosure
-
form.form
-
Setting.setting
-
input.input
-
phone.phone
-
add.add
-
lock.lock
-
palette.palette
-
system management.systemmanagement
-
message.message
-
adduser.adduser02
-
link.link
-
linkbreak.linkbreak
-
pencil.pencil
-
delete.delete
-
cancel.cancel02
-
confirm.confirm
-
plus.s-plus
-
plus.xs-plus
-
authorization-icon.authorizationicon
-
select-icon.selecticon
-
account-icon.accounticon
-
password-icon.passwordicon
-
hidden text-icon.hiddentexticon
-
pin-icon.pinicon
-
auto hidden-icon.autohiddenicon
-
admin-icon.adminicon
-
arrow-icon.arrowicon
-
row2column.row2column
-
row3column.row3column
-
tablelayout.tablelayout
-
childtable.childtable
-
canvas.canvas
-
component.component1
-
property.property
-
youyuncai.youyuncai
-
regisered.regisered
-
logout.logout
-
part.part
-
personalized.personalized
-
skin.skin
-
user management.usermanagement
-
layout.layout
-
pack up.packup
-
max.max
-
mini.mini
-
unfold.unfold
-
management.management
-
template.template
-
admin management.adminmanagement
-
admin menu.adminmenu
-
application.application
-
company.company
-
license.license
-
menu.menu
-
role management.rolemanagement
-
small authorization.smallauthorization
-
the widget.thewidget
-
发送.jian
-
head.head
第一步：使用font-face声明字体
@font-face {font-family: 'iconfont';
src: url('iconfont.eot'); /* IE9*/
src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('iconfont.woff') format('woff'), /* chrome、firefox */
url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
第二步：定义使用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>