[問題] 思源黑體(notosanssc)在IE無法正常顯示 oj113068 PTT批踢踢實業坊

[問題] 思源黑體(notosanssc)在IE無法正常顯示

作者: oj113068 (橘子汁) 2019-07-18 17:50:00

想詢問一下是否有人遇到載入google的思源黑體(notosanssc)
無法在IE正常顯示的問題
我做了一個簡易的DEMO
http://sheepy.tw/test/text/
網路上的方法主要是webfont loader
不過有一篇翻譯寫到中文的仍要用@font-face
不知道是我沒看懂還是怎樣，總之沒有成功Orz
目前在IE都是顯示正黑體
請問我的寫法是否有錯誤，或是有甚麼解決方案嗎？
感謝。

作者: jfcherng (小霹靂) 2019-07-18 19:50:00

Google fonts 本來就不給 IE 用唷 @import IE 也不吃

作者: oj113068 (橘子汁) 2019-07-18 20:07:00

(震驚狗狗回頭)

作者: jfcherng (小霹靂) 2019-07-18 20:11:00

更正 IE 可以吃 @import, 但那幾個 woff 檔似乎沒用IE 拿到的 CSS 裡面寫的 WOFF 檔只有十幾 KB...

作者: oj113068 (橘子汁) 2019-07-18 20:18:00

對，我有開來看，比Chrome的短很多....但我即使不惜下載了字體並使用@font-face也沒用...

作者: sycc (100倍返しだ！) 2019-07-18 22:15:00

不愧是網頁設計最痛恨的萬惡IE

作者: jfcherng (小霹靂) 2019-07-19 00:13:00

做了一個實驗讓 IE 載入 WOFF2 轉換成的 WOFF結果算失敗了, IE 11 一次載入了 100 個 WOFF 分割檔而不是只載入有用到的部分 https://git.io/fj1Sa

作者: PttAdmin (PttAdmin) 2019-07-20 00:06:00

ie吃的是eot吧?

作者: jfcherng (小霹靂) 2019-07-20 20:03:00

我看 IE 11 可以吃 WOFF, 實際上我做實驗他也真的吃https://caniuse.com/#feat=woff只是問題是IE不會只下載用得到的 WOFF 分割檔會是所有的 WOFF 分割檔都被下載, 分割變得沒有意義

繼續閱讀

[問題] 網站設計規範-呈現方式chiawu Google AdSense 遭拒nevikw39 [問題] 關於跨網讀圖片 CORS 問題nevikw39 [問題] 網域設定ReadSnow [請益] 徵人幫忙製作陽春的網頁timmy999 [問題] brackets編譯scss問題e3114 [情報] 2019 PIXNET 黑客松chaos012 [問題] 新手剛碰Vue 頁面無法顯示componentLouisay11 [問題] 新手架站問題--線上顯示和線下不同ocrimsono [問題] firebase上傳之後，引用...（已解ducksoul