非常に細かいところで恐縮なのですが、
Mac で閲覧するときには無難なフォント (少なくとも私の環境では Hiragino Kaku Gothic ProN) が選ばれますが、Windows (少なくとも windows 11 では)の場合には本文が Yu Gothic UI になっているのが気になります。
tailwind のデフォルトのフォント設定において、 system-ui の優先度が sans-serif よりも高いためだと考えます。
|
display: [ |
|
'Optimistic Display', |
|
'-apple-system', |
|
...defaultTheme.fontFamily.sans, |
|
], |
|
text: [ |
|
'Optimistic Text', |
|
'-apple-system', |
|
...defaultTheme.fontFamily.sans, |
|
], |
既存のフォントセットにカスタマイズを加えるのには知識不足から少し気が引けるのですが、ダメ元で良いなら上記ファイルを編集し、defaultTheme.fontFamily.sans 配列から "system-ui" を filter で除去する形で修正してしまっても大丈夫でしょうか？
（もしかしてこのプロジェクトでは編集できない要素だったりしたら…と思って質問させていただきます）
非常に細かいところで恐縮なのですが、
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
既存のフォントセットにカスタマイズを加えるのには知識不足から少し気が引けるのですが、ダメ元で良いなら上記ファイルを編集し、
defaultTheme.fontFamily.sans配列から"system-ui"を filter で除去する形で修正してしまっても大丈夫でしょうか？（もしかしてこのプロジェクトでは編集できない要素だったりしたら…と思って質問させていただきます）