Iconfont 字體圖標
阿新 • • 發佈:2017-08-01
http normal import ace ges face htm amp image
1、Iconfont官網把需要的圖標放到購物車,然後生成自己的項目。
2、然後生成代碼代碼鏈接。
3、然後再css中引入剛才的代碼。
@font-face { font-family: ‘iconfont‘; /* project id 371185 */ src: url(‘//at.alicdn.com/t/font_sdxyjnt7xf8estt9.eot‘); src: url(‘//at.alicdn.com/t/font_sdxyjnt7xf8estt9.eot?#iefix‘) format(‘embedded-opentype‘), url(‘//at.alicdn.com/t/font_sdxyjnt7xf8estt9.woff‘) format(‘woff‘), url(‘//at.alicdn.com/t/font_sdxyjnt7xf8estt9.ttf‘) format(‘truetype‘), url(‘//at.alicdn.com/t/font_sdxyjnt7xf8estt9.svg#iconfont‘) format(‘svg‘); } .iconfont{ font-family:"iconfont" !important; font-size:15px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
4、html中引用。
<i class="iconfont"></i>
Iconfont 字體圖標