Androidで英数字が見にくく、改善したい

前提・実現したいこと

Webサイトを作成しています。プログラムのコードを表示するサイトですが、プログラムの英数字部分を、Androidで閲覧すると、英数字の箇所はフォントが薄くなり見にくくなります。全角文字の箇所は見にくくはありません。

英数字の場合もフォントがうすくならいないCSSの記載方法を教えてください。

発生している問題・エラーメッセージ

Androidで閲覧した場合、英数字の箇所のフォントが薄く見にくくなる。

該当のソースコード

CSSの指定箇所は、以下と思い変えてみたのですが、表示は改善されません。

HTML
1 <p itemprop="text" class="post__text">任意の全角文字や、英数字が記載されている部分</p>

CSS
1.post__text{font-size:14px;line-height:25px;}

試したこと

ネットを閲覧して、CSSの部分を以下に書き換えてみたのですが、表示は改善されません。

CSS
1.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

m.ts10806

2020/07/23 12:53

画面キャプチャを提示してください。コードやエラーはマークダウンのcode機能を利用してご提示ください。 https://teratail.com/questions/238564 あとできれば例ではなく、自身のコードのほうが良いですね。 post__textというのがどこのclassに指定されているか提示内容だけは分かりません。※提示されているURLが何の「例」なのか分からないためあと、確認したブラウザとバージョンも提示してください。

cope

2020/07/24 07:38

回答ありがとうございます。画面キャプチャ、マークダウンのcode機能記載、確認したブラウザ、バージョンを追記しました。ソースコードの部分は、CSSのclassを参照しているHTMLの部分を追記しました。もともと、CSSは自分で書いておらず、他の人に記載してもらったのを、Webサイトを調へながら見よう見まねで修正しています。他にソースコードの記載が必要な個所がありましたら教えていただけますと幸いです。