CSS
CSS3
IE
webfont
Googlefonts

GoogleフォントがIE11で正常に表示されなくなった

備忘録代わりに。


何が起こったか

IE11でGoogleフォントの『Rounded M+ 1c』を使ったサイトを見ると、フォントが正常に表示されない。

(『さわらび明朝』などほかのフォントや、アルファベットだけは正常に表示されるっぽい?)


Chrome

Google Fonts   日本語 早期アクセス • Google Fonts   Japanese Early Access.png


IE

名称未設定 1.png

そもそもIEだとレイアウトめっちゃ崩れてますね……。


解決策


  1. 早期アクセスじゃない方のGoogleフォントのページにアクセス。

    https://fonts.google.com/specimen/M+PLUS+Rounded+1c

    M PLUS Rounded 1c   Google Fonts.png


  2. SELLECT THIS FONTを選択し、CUSTOMIZEのLanguagesで『Japanese (Supported by M PLUS Rounded 1c)』を選択。

    M PLUS Rounded 1c   Google Fonts (1).png


  3. EMBEDをクリックし、CSSを貼りなおす。

    M PLUS Rounded 1c   Google Fonts (2).png


  4. おわり。



最後に

IEィィィアアアアアーッ!!