IconFont 图标
-
点点.icon-diandian
-
花瓣.icon-huaban
-
code-fork.icon-code-fork
-
more.icon-more
-
知乎.icon-zhihu
-
linkedin.icon-linkedin
-
eye.icon-eye-fill
-
stack-exchange.icon-stackexchange
-
tag.icon-tag
-
首页.icon-starfish
-
home.icon-home
-
搜索.icon-search
-
项目 选中 居中.icon-project
-
评论.icon-dialog
-
twitter.icon-twitter
-
github.icon-github
-
time.icon-time
-
喇叭.icon-voice
-
Google.icon-google
-
微博.icon-weibo
-
segmentfault.icon-segmentfault
-
star-full.icon-star-fill
-
电话.icon-phone
-
S cup.icon-cup-fill
-
家具.icon-jiaju
-
qq空间.icon-qzone
-
Home 1.icon-home-fill
-
time.icon-clock
-
file.icon-file
-
阅读数.icon-comment
-
杯子满.icon-cup
-
share.icon-share
-
Star_Half.icon-star-half
-
star_empty.icon-star
-
腾讯微博.icon-tencent-weibo
-
book4.icon-book
-
bitbucket.icon-bitbucket
-
facebook-f.icon-facebook
-
邮箱.icon-email
-
站酷.icon-zcool
-
社交媒体.icon-social-media
-
豆瓣.icon-douban
-
coding.icon-coding
-
github.icon-github-fill
-
QQ.icon-qq
-
Book-04.icon-shu-fill
-
pinterest.icon-pinterest
-
tags.icon-tags
-
Yen bill On Hand.icon-bill
-
diy-pro-book.icon-shu
-
书架.icon-book-shelf
-
项目.icon-target
-
简介.icon-profile
-
支付宝.icon-alipay
-
skype.icon-skype
-
掘金.icon-juejin
-
code.icon-code
-
目录图标.icon-list
-
Map.icon-map-marker
-
stackoverflow.icon-stackoverflow
-
时长.icon-hourglass
-
behance.icon-behance
-
文件夹.icon-folder-open
-
文件夹.icon-folder
-
menu.icon-menu
-
家长.icon-users
-
查看.icon-eye
-
微信.icon-wechat
-
数字.icon-number
-
gitlab.icon-gitlab
-
rss-feed.icon-rss
-
归档.icon-archives
-
68design.icon-68design
-
Dribble.icon-dribble
-
微信 支付.icon-wepay
-
有道云笔记.icon-youdao-note
-
book_fill.icon-book-fill
-
合作.icon-hezuo
-
link.icon-link
-
归档 (16).icon-archives-fill
-
fa-anchor.icon-anchor
-
fa-angle-down.icon-angle-down
-
fa-angle-left.icon-angle-left
-
fa-angle-up.icon-angle-up
-
fa-angle-right.icon-angle-right
-
fa-calendar.icon-calendar
-
fa-calendar-check-o.icon-calendar-check
-
fa-calendar-minus-o.icon-calendar-minus
-
fa-calendar-plus-o.icon-calendar-plus
-
fa-calendar-times-o.icon-calendar-times
-
fa-close.icon-close
-
fa-delicious.icon-delicious
-
fa-plus.icon-plus
-
gg.icon-gg
-
友情链接.icon-friendship
-
码云.icon-gitee
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="icon icon-xxx"></i>
"icon"是你项目下的font-family。可以通过编辑项目查看,默认是"iconfont"。