Chromeで見た時、しずかなインターネットのフォントがなんかおかしい。フォントなんだ。
フォント指定に問題があるのでは? と思って調べてみる。
現状、CSSは以下のとおり。
Inter,GenJyuuGothicL,Hiragino Kaku Gothic ProN,Hiragino Sans,BIZ UDPGothic,Meiryo,sans-serif
Interフォントがないから?と思ったが、Inter フォントを入れても改善しなかった。
どうも Inter というフォントがなにか他のフォントと紐づいてしまってるみたい。
色々試したけど解決できなかったので、大変不本意だけれどもスタイルシートの上書きで対処することにした。
今回使ったのは Stylus という拡張。似たような拡張はいっぱいあるので好きなやつを使えばいい。
Stylus
https://chromewebstore.google.com/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=ja
インストール後、拡張機能の一覧を開いて…
「新スタイルを作成」をクリックして…
↓をコピペ。(たいへん不本意ながら Inter の指定を外している)
@-moz-document url-prefix("https://sizu.me/") {
.font-family-body {
font-family: 'GenJyuuGothicL', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'BIZ UDPGothic', 'Meiryo', 'sans-serif';
}
}
こんな感じ。
これページを更新したりすれば反映されると思う。おためしあれ。