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

[oj113068 (橘子汁)]

想詢問一下是否有人遇到載入google的思源黑體(notosanssc)

無法在IE正常顯示的問題

我做了一個簡易的DEMO

http://sheepy.tw/test/text/

網路上的方法主要是webfont loader

不過有一篇翻譯寫到中文的仍要用@font-face

不知道是我沒看懂還是怎樣，總之沒有成功Orz

目前在IE都是顯示正黑體

請問我的寫法是否有錯誤，或是有甚麼解決方案嗎？

感謝。



--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.165.44.243 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1563443402.A.1EC.html
→ jfcherng: Google fonts 本來就不給 IE 用唷 @import IE 也不吃
→ oj113068: (震驚狗狗回頭)
→ jfcherng: 更正 IE 可以吃 @import, 但那幾個 woff 檔似乎沒用
→ jfcherng: IE 拿到的 CSS 裡面寫的 WOFF 檔只有十幾 KB...
→ oj113068: 對，我有開來看，比Chrome的短很多....
→ oj113068: 但我即使不惜下載了字體並使用@font-face也沒用...
→ sycc: 不愧是網頁設計最痛恨的萬惡IE
→ jfcherng: 做了一個實驗讓 IE 載入 WOFF2 轉換成的 WOFF
→ jfcherng: 結果算失敗了, IE 11 一次載入了 100 個 WOFF 分割檔
→ jfcherng: 而不是只載入有用到的部分 https://git.io/fj1Sa
推 PttAdmin: ie吃的是eot吧?
→ jfcherng: 我看 IE 11 可以吃 WOFF, 實際上我做實驗他也真的吃
→ jfcherng: https://caniuse.com/#feat=woff
→ jfcherng: 只是問題是IE不會只下載用得到的 WOFF 分割檔
→ jfcherng: 會是所有的 WOFF 分割檔都被下載, 分割變得沒有意義