ドメイン nitrous.dev の Web サイトを持っています。
現在、特定のデバイスから Web サイトを開いたときに、Web サイトのテキストが表示されないという問題に直面しています。問題が発生するテストしたデバイスには、古い iMac (正確な年はわかりませんが 2015 年より前)、iPhone 6、GTMetrix ビデオ分析が含まれます。
ただし、ラップトップ (Windows 10、Chrome) などの最新のデバイスで Web サイトを開くと、問題は発生しないようです。また、iPhone 11、iPhone 8、MacBook Pro (前述の iMac よりも新しい) でも正常に動作します。
フォントについては、現在 Google Fonts Open Sans と Roboto を使用しており、それらをページの head タグにロードしています。この Web サイトでは、Bootstrap の CDN (Stackpath) から配信されるシンプルな HTML、CSS、および Bootstrap 5 を使用しています。
これは私の最初のブートストラップ ベースの Web サイト (通常は WordPress で動作します) であり、何が問題なのかわかりません :(
誰でも問題とその解決策を説明できますか?
これが私のウェブサイト内のコードの一部です
すべてのページ (HTML)
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,bold|Roboto:300,400">
global.css 内
body {
background-color: black;
color: #e2e2e2;
font-family: "Open Sans", var(--bs-font-sans-serif), sans-serif;}
よろしくお願いします！
間違いがありましたら申し訳ありませんが、スタック オーバーフローを使用して質問するのはこれが初めてです。