9
5

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 Fonts は IE11 非対応?

Last updated at Posted at 2018-08-20

たまたま Twitter でキャプチャを上げている方のツイートを見かけて(元ツイート見つからない...)、IE11 で以下のサイトにアクセスしてみました。
https://fonts.google.com/?subset=japanese

ie.png

Your browser is not currently supported. Google Fonts works best on Chrome, Firefox, Edge and Safari.

こんな顔文字見たらわかりますが、一応、Google先生に翻訳していただいた。

お使いのブラウザは現在サポートされていません。 Googleフォントは、Chrome、Firefox、Edge、およびSadariで最適です。

_人人人人人人人人人人_
> IE11 非対応!!! <
 ̄Y^Y^Y^Y^Y^Y^Y^Y^Y ̄

めっちゃ喜びたいところですが、お客様からのご要望も多い現状では、まだまだ IE11 を切ることはできません。

また、「NotoSansJP」を使ったサイトでは、『IE11 では日本語だけが効かず、英数字は効いちゃう』という中途半端な状態になっているそうです。(「NotoSans」だけは効いてるってこと??なんで???)

 
 
[追記]
ググってみたら、2016年ぐらいから「IEはサポートしてないよー」というエラーが出てたみたいです。(完全に切ったのは最近?)

いつから IE11 非対応だったのかわかりませんが、どうやって対応したらいいのか、よい方法を探っていきたいと思います。。

(現在の GoogleFonts は IE11 に対応していない「.woff2」みたいなので、『ダウンロードして「.woff」に変換』とかかなー?)
https://caniuse.com/#search=woff2
https://caniuse.com/#search=woff
 
 
[追記 2]
他のフォントも、英数字は表示できたりできなかったり、レイアウトが崩れたりしているみたいです。
ちょっと検証してみますーー!

(参照)
GoogleフォントがIE11で正常に表示されなくなった - Qiita
https://qiita.com/chisamikan/items/c4d37754d175c17fbe41

IE11でGoogleフォントの『Rounded M+ 1c』を使ったサイトを見ると、フォントが正常に表示されない。
(『さわらび明朝』などほかのフォントや、アルファベットだけは正常に表示されるっぽい?)

9
5
2

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
9
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?