我有一个域名为nitrous.dev 的网站。
目前,我面临一个问题,即从某些设备打开我的网站时,它的文本没有显示出来。我测试过的遇到问题的设备包括旧 iMac(不知道确切年份,但在 2015 年之前)、iPhone 6、GTMetrix 视频分析。
但是,当我在笔记本电脑(Windows 10、Chrome)等大多数现代设备上打开网站时,问题似乎并未出现。它也适用于 iPhone 11、iPhone 8、MacBook Pro(比之前提到的 iMac 更新)。
对于字体,我目前正在使用 Google Fonts Open Sans 和 Roboto,将它们加载到页面的 head 标签中。该网站使用简单的 HTML、CSS 和 Bootstrap 的 CDN (Stackpath) 提供的 Bootstrap 5。
这是我的第一个基于引导程序的网站(通常与 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;}
提前非常感谢!
对不起,如果我犯了任何错误,这是我第一次使用 Stack Overflow 提问。