## 事象 [[Obsidian Publish]]を使ってアップロードしたサイトを、[[Android]]で見ると太字になるはずの部分が太くない。英語は問題ないが、日本語が問題。 ## 原因 [[Android]]の標準フォントで日本語の太さに変化が生じるのが`font-weight: 700`からだったとなっているが、[[Obsidian Publish]]で使っているテーマは `--bold-weight` が700より小さい値(600など)になっていたため。 > [!note] > [[iOS]]や[[iPadOS]]では問題なく表示されていたため、そちらは`--bold-weight: 600`が閾値になっているのかもしれない。 ## 解決方法 [[CSS]]で`--bold-weight: 700`を指定する。 ```css /** ライトテーマのみの場合の例 **/ .theme-light { --bold-weight: 700; /** モバイルが認識する太字 **/ } ``` > [!note] > これは根本的な解決策ではない気がするので、フォントと[[Obsidian]]のテーマについて理解を深めたら、より良い解決策が出るかもしれない... が今はひとまず[[Minerva]]が正しく表示されればOKとする。 ## 参考 - [Android 6\.0 で標準フォントが変わって font\-weight: bold が日本語に適用されなくなっている件](https://webllica.com/android-6-font-weight-bold/)