LoginSignup
77
46

More than 5 years have passed since last update.

@chisamikan(Chisa Mikan)

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

Last updated at Posted at 2018-08-17

備忘録代わりに。

何が起こったか

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

77
46
3

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
77
46