質問: ### 前提・実現したいこと Webサイトを作成しています。プログラムのコードを表示するサイトですが、プログラムの英数字部分を、Androidで閲覧すると、英数字の箇所はフォントが薄くなり見にくくなります。全角文字の箇所は見にくくはありません。 英数字の場合もフォントがうすくならいないCSSの記載方法を教えてください。 ### 発生している問題・エラーメッセージ Androidで閲覧した場合、英数字の箇所のフォントが薄く見にくくなる。 ![英数字のフォントの色が薄くなっている例](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/aba73c63aacfaf1e10a1cef02db1adef.png) ### 該当のソースコード CSSの指定箇所は、以下と思い変えてみたのですが、表示は改善されません。 ``` 任意の全角文字や、英数字が記載されている部分 ``` ``` .post__text{font-size:14px;line-height:25px;} ``` ### 試したこと ネットを閲覧して、CSSの部分を以下に書き換えてみたのですが、表示は改善されません。 ``` .post__text{font-family:"Helvetica Neue", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;font-size:14px;line-height:25px} ``` ### 補足情報(FW/ツールのバージョンなど) 数年前に、コーディングのみは他の人にやってもらったのですが、現在はその人に聞けず、私自身あまりCSSの知識がなく、わかる方ご教授ください。 <確認環境> Chrome 84.0.4147.89 Android 6.0.1;F-04G Build/V19R57C
回答: Javaの道>掲示板(呼び出し先での参照先の置き換えについて) ご提示のページを見てみましたが、`font-weight:200`(Extra Light)となっているのが気になりました。 当方、iOSでしたが、やはり文字が細かったので、外部から`font-weight:500`に変更してみたところ、状況が改善しました。お試しになってはいかがでしょうか。