初識iconfont
就算我們一開始不懂這個英文不懂是干嘛的，對于iconfont，英文從后往前讀應該叫做：字體圖標。這里面已經包含兩個概念，首先必須是字體，第二，就是圖標。我們都知道網頁中的字體我們可以控制大小、樣式、變形、拉伸、默認字體等屬性，所以這個iconfont必須是以文字嵌入到樣式中，所以想到的必須是font；既然是圖標那么它就必須有一個路徑來引入進來，首先我們一開始想到的img這個標簽，既然又是文字又是圖標，我們能想到的就只有這個@font-facecss3屬性。
還有這個iconfont后來詞語，并不是一開始就出現的，網頁制作者或者學者想要叫起來更爽口所賦予的一個表現層的東西。
所以，當我們看見阿里巴巴的iconfont的圖標教程如下：
第一步：使用font-face聲明字體
第二步：定義使用iconfont的樣式
第三步：挑選相應圖標并獲取字體編碼，應用于頁面
效果如下
但是，Iconfont存在一些弊端：
瀏覽器將其視為文字進行抗鋸齒優化，有時得到的效果并沒有想象中那么銳利。 尤其是在不同系統下對文字進行抗鋸齒的算法不同，可能會導致顯示效果不同。
新聞熱點
疑難解答
