-
Notifications
You must be signed in to change notification settings - Fork 184
Closed
Description
非常に細かいところで恐縮なのですが、
Mac で閲覧するときには無難なフォント (少なくとも私の環境では Hiragino Kaku Gothic ProN) が選ばれますが、Windows (少なくとも windows 11 では)の場合には本文が Yu Gothic UI になっているのが気になります。
tailwind のデフォルトのフォント設定において、 system-ui の優先度が sans-serif よりも高いためだと考えます。
ja.react.dev/tailwind.config.js
Lines 69 to 78 in 3d48615
| display: [ | |
| 'Optimistic Display', | |
| '-apple-system', | |
| ...defaultTheme.fontFamily.sans, | |
| ], | |
| text: [ | |
| 'Optimistic Text', | |
| '-apple-system', | |
| ...defaultTheme.fontFamily.sans, | |
| ], |
既存のフォントセットにカスタマイズを加えるのには知識不足から少し気が引けるのですが、ダメ元で良いなら上記ファイルを編集し、defaultTheme.fontFamily.sans 配列から "system-ui" を filter で除去する形で修正してしまっても大丈夫でしょうか?
(もしかしてこのプロジェクトでは編集できない要素だったりしたら…と思って質問させていただきます)
Metadata
Metadata
Assignees
Labels
No labels