网站文字无法加载/在某些设备中不可见

问题描述

我有一个域名为nitros.dev的网站。

当前，我面临一个问题，当从某些设备打开网站的文本时，该文本无法显示。我测试过的遇到问题的设备包括旧的iMac（不知道确切的年份，但在2015年之前），iPhone 6，GTMetrix视频分析。

但是，当我在笔记本电脑（Windows 10，Chrome）等大多数现代设备上打开网站时，似乎没有出现此问题。在iPhone 11，iPhone 8，MacBook Pro（比以前提到的iMac更新）上，它也可以正常工作。

对于字体，我目前正在使用Google Fonts Open Sans和Roboto，将它们加载到页面的head标签中。该网站使用从Bootstrap的CDN（堆栈路径）提供的简单HTML，CSS和Bootstrap 5。

这是我的第一个基于Bootstrap的网站（通常与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提出问题。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）