Gajulog

＃ iOS17のブラウザでフォントが太く見える

iPhoneをiOS17にアップデートして、この日記を見てみるとフォントが太く見える。(Googleの検索結果も。)

調べてみると、iOS搭載のデフォルトフォント"Hiragino Sans"に太さのバリエーションが追加されていて、ウェイト400(CSSでいう"normal"はこの太さ)などいくつかの指定で見た目がやや太めに変わってしまったのだそうな。

CSSだけを使ってiOSのみfont-weightを変えるのは技術的に面倒くさそうなのでどうしたもんかと思っていたのですが、フォントとして旧来の"Hiragino Kaku Gothic ProN"を指定すると以前と変わらない太さになるそうで、今回はこれを採用することにした。

手前味噌ですが、無難なfont-familyセットならiOS 17.0でも表示の影響なしでした。

（互換維持のために"Hiragino Kaku Gothic ProN"を優先指定している）
↓https://t.co/eGEm6ZoAG1

— 池田 泰延 (@clockmaker) September 19, 2023