字體與圖標

瀏覽器渲染字體

1. 使用瀏覽器打開頁面時，瀏覽器會解析HTML文件進行渲染。當讀到'HTML5學堂'或者'摩登足跡'字時會轉換成對應的 unicode碼（unicode碼能夠認爲是字的特定編號）
2. 瀏覽器再根據CSS裏面設置的font-family查找對應的字體文件。若是CSS裏面沒有設置字體，就會使用瀏覽器的默認設置。若是有自定義字體@font-face網絡字體，則加載對應字體文件
3. 瀏覽器找到文件後根據unicode碼去查找繪製外形，最後把找到的結果繪製到頁面上

 

將iconfont拆開來看，就是icon（圖標）和font（字體）。簡單的說iconfont就是利用字體工具把咱們平時網頁上用的圖形圖標轉換成網頁字體。其實跟字體差很少，字體對應的是文本，iconfont對應的是圖標