IconFont 图标
-
icon-bill
-
icon-box
-
icon-cart
-
icon-cross
-
icon-crowd
-
icon-detailList
-
icon-location
-
icon-minus
-
icon-money
-
icon-note
-
icon-photo
-
icon-plus
-
icon-question
-
icon-return
-
icon-select
-
icon-share
-
icon-tick
-
icon-trash
-
icon-truck
-
icon-unselect
-
icon-wallet
-
icon-home
-
icon-home_solid
-
icon-map
-
icon-map_solid
-
icon-news
-
icon-news_solid
-
icon-user
-
icon-user_solid
-
icon-arrow-left
-
icon-arrow-right
-
icon-close
-
icon-close_solid
-
icon-delivery
-
icon-collection
-
icon-contacts
-
icon-hide
-
icon-income
-
icon-display
-
icon-label
-
icon-man
-
icon-people
-
icon-phone
-
icon-plus_solid
-
icon-servicing
-
icon-record
-
icon-top
-
icon-truck_solid
-
icon-verification
-
icon-woman
-
icon-down
-
icon-up
-
icon-about
-
icon-collect
-
icon-collect_solid
-
icon-flag
-
icon-mall
-
icon-message
-
icon-more
-
icon-music
-
icon-refresh
-
icon-search
-
icon-share
-
icon-shopping
-
icon-size
-
icon-telephone
-
icon-telephone_solid
-
icon-treat
-
icon-upwards
-
icon-waiter
-
icon-head
-
icon-convenience
-
icon-convenience_solid
-
icon-location_solid
-
icon-call
-
icon-Alipay
-
icon-WeChat
-
icon-pay
-
icon-collection
-
icon-coat
-
icon-coldindex
-
icon-run
-
icon-sunrise
-
icon-sunset
-
icon-towel
-
icon-UV
-
icon-washcar
-
icon-fit
-
icon-Feedback
-
icon-qq
-
icon-fire
-
icon-nearby
-
icon-QR Code
-
icon-arrow
-
icon-go shopping
-
icon_play
-
icon-last
-
icon-next
-
icon-PLA
-
icon-pause
-
icon-play
-
icon-Scan
-
icon-replace_solid
-
icon-order
-
icon-ring
-
icon-address_solid
-
icon-address
-
icon-group buy_title
-
icon-limited time_title
-
icon-time
-
icon-evenmore
-
icon-alipay_solid
-
icon-help
-
icon-like
-
icon-bind
-
icon-modify
-
icon-unfolded
-
icon-praise
-
icon-wechat payment
-
icon-cash
-
icon-taste
-
icon-correct
-
icon-process
-
icon-difficulty
-
icon-praise_solid
-
icon-agency
-
icon-groupbuy
-
icon-coupon
-
icon-store
-
icon-equipment
-
icon-heart
-
icon-weight
-
icon-body age
-
icon-BMI
-
icon-bone
-
icon-body weight
-
icon-attention
-
icon-bus
-
icon-bus_solid
-
icon-coming soon
-
icon-drop down
-
icon-caveat
-
icon-enlarge
-
icon-fat
-
icon-magnifier
-
icon-heart_solid
-
icon-metabolism
-
icon-internal organs
-
icon-warning
-
icon-protein
-
icon-muscle
-
icon-shrink
-
icon-moisture
-
icon-heart rate
-
icon-micro letter
-
icon-ID
-
icon-talk
-
icon-drop up
-
icon-curve
-
icon-leaf
-
icon-haslet
-
icon-body
-
icon-meat
-
icon-os
-
icon-cycle
-
icon-kg
-
icon-Less
-
icon-egg
-
icon-height
-
icon-fast
-
icon-safe
-
icon-care
-
icon-file
-
icon-age
-
icon-female
-
icon-male
-
icon-gender
-
icon-received
-
icon-vip
-
icon-information
-
icon-waiting receipt
-
icon-paying
-
icon-after sale
-
icon-lab
-
icon-defray
-
icon-favorites
-
icon-member_solid
-
icon-huimin
-
icon-district
-
icon-coupon_solid
-
icon-eliminate
-
icon-barcode
-
icon-flow
-
icon-list
-
icon-shoppingcart
-
icon-assort
-
icon-list
-
icon-ellipses
-
icon-flow
-
icon-personal
-
icon-shops
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"。