見出し画像

IEあるある

WebフォントのNotoSans JPが表示されない

2018年5月ころからの事象。@importでGoogleフォント読み込む形式にしてるとダメ。

@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

原因

上記の内容を確認すると、IE対応のwoffフォーマットの記述が消されていた。woff2のみに変更があった模様。もうNoto Sans Japaneseにしろって事かIEはもう無視しようって事かな。

Noto Sans JP のサンプル ↓下のサイトをIEで見ると効いてない事が確認できる。

対応方法

1.IEの事はほっといて放置!
2.Noto Sans Japaneseに変更する

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);


SVG画像がうまく表示されない

Flexbox使うとスペシャルな挙動をする

メモ
flexboxでfooterを下部に固定するレイアウト普通に組むとだめ

Hackしちゃう


よろしければサポートお願いします。励みになります!