如何解决网站文字无法加载/在某些设备中不可见
我有一个域名为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 举报,一经查实,本站将立刻删除。