预览ttf格式字体
-
\e619iconfontshanchu1
-
\e611iconfontweixin
-
\e636alipay
-
\e624shang
-
\e626shouye
-
\e622shanchu4
-
\e618xiaoxi
-
\e600jiantour-copy
-
\e61efenxiang2
-
\e67bpingjia
-
\e68fdaifukuan
-
\e612pinglun-copy
-
\e621dianhua-copy
-
\e645shoucang
-
\e62fxuanzhong2
-
\e630gouwuche_
-
\e60cicon-test
-
\e632icon-test1
-
\e646bianji
-
\e8fcjiazailoading-A
-
\e613zuoshang
-
\e60ajia2
-
\e68bhuifu
-
\e7cesousuo
-
\e601arrow-fine-up
-
\e60ehot
-
\e6b9lishijilu
-
\e616zhengxinchaxun-zhifubaoceping-
-
\e64anaozhong
-
\e608xiatubiao--copy
-
\e6a9shoucang_xuanzhongzhuangtai
-
\e61cjia1
-
\e63dbangzhu1
-
\e602arrow-left-bottom
-
\e603arrow-right-bottom
-
\e604arrow-left-top
-
\e744icon--
-
\e605zuojiantou-up
-
\e62dxia
-
\e60b-jianhao
-
\e61aweixinzhifu
-
\e64fcomment
-
\e61fweixin
-
\e620fenlei1
-
\e623erjiye-yucunkuan
-
\e688Group-
-
\e606you
-
\e607forward
-
\e610tuijian
-
\e679bangzhu
-
\e656share
-
\e997yiguoqi
-
\e61dshezhi1
-
\e61bfork
-
\e66akafei
-
\e654iLinkapp-
-
\e60dsaomiao
-
\e60fshezhi
-
\e631shouhoutuikuan
-
\e609gouwuche
-
\e614dizhi
-
\e706fenlei
-
\e70bxingxing
-
\e633tuandui
-
\e615zuanshi
-
\e63czuo
-
\e700yiguoqi1
-
\e62eshoucang2
-
\e712shouhuodizhi
-
\e71ayishouhuo
-
\e617dianzan-ash
-
\e801uniE801
-
\e802uniE802
-
\e803navicon-chps
-
\e804dingwei
-
\e805dunpai
-
\e806batch01
-
\e807batchmove01
-
\e808dingdan
-
\e809history01
-
\e810setting01
-
\e811shangpin
-
\e812shangpin1
-
\e813tongji
第一步:使用font-face声明字体
@font-face { font-family: 'yticon'; src: url('yticon.eot'); /* IE9*/ src: url('yticon.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('yticon.woff2') format('woff2'), /* chrome、firefox、opera、Safari, Android, iOS */ url('yticon.woff') format('woff'), /* chrome、firefox */ url('yticon.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('yticon.svg#uxyticon') format('svg'); /* iOS 4.1- */ }第二步:定义使用yticon的样式
.yticon { font-family: "yticon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-tree:after {content: '\33';}第三步:挑选相应图标并获取字体编码,应用于页面
<i class="yticon">3</i> or <i class="yticon icon-three"></i>