Destoon6.0PC或手机版常用图标字体_字体_图标_DT模板网
-
搜索.sousuo
-
粉丝.fensi
-
知识.zhishi
-
列表视图.lists
-
menu.menu
-
手机.mobile
-
首页.shouye
-
简历.jianli
-
正品.zhengpin
-
设置.setting
-
分享.fenxiang
-
行业展会.zhanhui
-
更多.more
-
vip1.vip1
-
日期.date
-
退出.logout
-
产品招商.zhaoshang
-
圈子.quanzi
-
资讯.news
-
hot.hot1
-
朋友圈.pengyouquan
-
手机.shouji
-
投票.toupiao
-
分类.cate
-
登录.my
-
供应.sell
-
客服.kefu
-
求.buy
-
银行卡.yinhangka
-
实名认证.shiming
-
帮助.help
-
版本信息fill.banbenfill
-
版本信息.banben
-
聚划算.juhuasuan
-
菜单.caidan
-
查看fill.eyesfill
-
查看.eyes
-
最热 hot纯色.hotfill
-
最热 hot线框.hot
-
最新 new3.new
-
最新 new纯色.newfill
-
电脑.compute
-
分类2.sort
-
保障售后.baozhang
-
更多频道.moremenu
-
会员1.vip
-
摇一摇.yaoyiyao
-
地图.ditu
-
腾讯微博.txweibo
-
团购.tuangou
-
折扣.zhekou
-
礼品.gift
-
APP.app
-
地区.diqu
-
工商认证.gsrz
-
原料行情.hangqing
-
招聘.zhaopin
-
招商.zhaoshang1
-
邮件.youjian
-
电话.dianhua
-
电话本.dianhuaben
-
余利宝.yulibao
-
网络来源.laiyuan
-
当前位置.dangqian
-
客服.kefu1
-
编辑.edit
-
置顶.zhiding
-
书.office
-
二维码.qrcode
-
star.star
-
购物车.cart
-
share-weixin.wechat
-
share-weibo.weibo
-
share-taobao.taobao
-
share-renren.renren
-
share-qq.qq
-
share-qq-zone.qqzone
-
refresh.refresh
-
price-tag.pricetag
-
photo-camera.photocamera
-
pencil.pencil
-
Credit-card.creditcard
-
comment.comment
-
信.xinren
-
行政执法.zhifa
-
已认证.yirenzheng
-
冠军.guanjun
-
精.jinghua
-
简历库.jianliku
-
招聘.zhaopin1
-
职位.zhiwei
-
教程.jiaocheng
第一步：使用font-face声明字体
@font-face {font-family: "dticon";
src: url('style/images/img/dt-iconfont.eot'); /* IE9*/
src: url('style/images/img/dt-iconfont01.eot') format('embedded-opentype'), /* IE6-IE8 */
url('style/images/img/dt-iconfont.woff') format('woff'), /* chrome, firefox */
url('style/images/img/dt-iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('style/images/img/dt-iconfont.svg') format('svg'); /* iOS 4.1- */
}
第二步：定义使用dt-iconfont的样式
.dt-iconfont {
font-family:"dticon" !important;
font-size:1.2rem;
font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
第三步：挑选相应图标并获取字体编码，应用于页面
<i class="dt-iconfont dt-icon"></i>
或者使用class：<i class="dt-iconfont dt-icon-sousuo"></i>