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ィィィアアアアアーッ!!