IconFont 图标
-
network.cicon-snmp
-
user.cicon-user
-
cog.cicon-cog
-
remove-sign.cicon-remove-sign
-
trash.cicon-trash
-
ma.cicon-gunicorn
-
通知.cicon-tongzhi
-
bell.cicon-bell
-
point.cicon-point
-
overview.cicon-overview
-
OneAPM Logo.cicon-oneapmlogo
-
edit.cicon-edit
-
dashboard.cicon-dashboard
-
desktop.cicon-desktop
-
1422447574_700248-icon-1-cloud.cicon-pubu
-
python.cicon-python
-
linux.cicon-linux
-
copy.cicon-copy
-
download.cicon-download
-
眼睛.cicon-yanjing
-
server.cicon-server
-
file.cicon-file
-
list-alt.cicon-listalt
-
plus.cicon-plus
-
Ai.cicon-ai
-
Bi.cicon-bi
-
Mi.cicon-mi
-
S.cicon-supervisord
-
question.cicon-question
-
ruby.cicon-ruby
-
play.cicon-play
-
IIS.cicon-iis
-
apache.cicon-apache
-
memcached.cicon-memcached
-
mongodb.cicon-mongodb
-
mysql.cicon-mysql
-
ngnix.cicon-nginx
-
postgresql.cicon-postgresql
-
redis.cicon-redis
-
tomcat.cicon-tomcat
-
activemq.cicon-activemq
-
cassandra.cicon-cassandra
-
couchbase.cicon-couchbase
-
counchdb.cicon-couchdb
-
docker.cicon-docker
-
elasticsearch.cicon-elasticsearch
-
kafka.cicon-kafka
-
phpfpm.cicon-php_fpm
-
rabbitmq.cicon-rabbitmq
-
ct.cicon-ct
-
zookeeper.cicon-zookeeper
-
mesos.cicon-mesos
-
solr.cicon-solr
-
loading.cicon-loading
-
php.cicon-php
-
disable.cicon-disable
-
windows.cicon-windows
-
jianliao.cicon-jianliao
-
N.cicon-nagios
-
web_asset.cicon-singlePage
-
gear.cicon-gearman
-
bearychat.cicon-bearychat
-
仙人掌_cactus3.cicon-cacti
-
onealert.cicon-onealert
-
pause_down.cicon-pause
-
microsoft sql server.cicon-sqlserver
-
Hadoop.cicon-hdfs
-
java.cicon-java
-
ci右.cicon-right
-
ci左.cicon-left
-
Ci logo 2.cicon-ci
-
ci logo 3.cicon-ci-large
-
openstack.cicon-openstack
-
nodejs-icon.cicon-nodejs
-
428. Network.cicon-haproxy
-
阿里云.cicon-aliyun
-
sign out.cicon-exit
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="cicon cicon-xxx"></i>
"cicon"是你项目下的font-family。可以通过编辑项目查看,默认是"iconfont"。