現在網頁中，一些常用的圖示(例如：箭頭, 郵件, 離開, 設定...等)，大部分都流行使用網路字型來呈現，像Boostrap使用Glyphicons的網路字型，另外Font Awesome也是一套熱門的網路字型。然而限量使用Font Awesome的時候，有時候開IE竟然發現我的Font Awesome圖檔竟然都不見了，這真是蠻糟糕的事情，後來東找西找總算解決了，所以限量要來分享如果遇到這種情況的時候該怎麼辦。
打開IE的 [網際網路選項] => [進階]頁籤 => 下拉至 [安全性]，檢查[不要將加密的網頁存到磁碟]選項的狀態，如果是打勾的話就把它取消，或者可以按 [還原進階預設值] 選項將進階的設定還原成預設值(預設是不勾選的)，因為SSL是加密的網頁，如果打勾的話IE的Cache就不會有網路字型，就顯示不出來了。
打開IIS => 點選你的站台 => 打開 [MIME 類型] 選項，找看看是否有加入幾個副檔名MIME Type的識別，分別為.woff, .woff2, .eot, .ttf, .svg, .otf，如果沒有的話就各別新增(新增的方式請參考之前的 IIS - 支援可下載.json格式檔案)。
加入的MIME設定值為：
這兩個檢查只是針對最常發生的情況，如果還是有問題就可以到 Font Awesome 的 Troubleshooting 去找找，有可能是IE版本問題, Header問題, 相對路徑...等。
參考來源：
Microsoft - 防止快取時透過 SSL 下載主動式文件
Font Awesome - Troubleshooting
檢查1
打開IE的 [網際網路選項] => [進階]頁籤 => 下拉至 [安全性]，檢查[不要將加密的網頁存到磁碟]選項的狀態，如果是打勾的話就把它取消，或者可以按 [還原進階預設值] 選項將進階的設定還原成預設值(預設是不勾選的)，因為SSL是加密的網頁，如果打勾的話IE的Cache就不會有網路字型，就顯示不出來了。
檢查2
打開IIS => 點選你的站台 => 打開 [MIME 類型] 選項，找看看是否有加入幾個副檔名MIME Type的識別，分別為.woff, .woff2, .eot, .ttf, .svg, .otf，如果沒有的話就各別新增(新增的方式請參考之前的 IIS - 支援可下載.json格式檔案)。
加入的MIME設定值為：
副檔名
|
MIME 類型
|
.woff
|
application/font-woff
|
.woff2
|
application/font-woff2
|
.eot
|
application/vod.ms-fontobject
|
.ttf
|
application/x-font-truetype
|
.svg
|
image/svg+xml
|
.otf
|
application/x-font-opentype
|
這兩個檢查只是針對最常發生的情況，如果還是有問題就可以到 Font Awesome 的 Troubleshooting 去找找，有可能是IE版本問題, Header問題, 相對路徑...等。
參考來源：
Microsoft - 防止快取時透過 SSL 下載主動式文件
Font Awesome - Troubleshooting
留言
張貼留言