77
46

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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
77
46

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?