正如您在屏幕截图中看到的那样,图标和字体未正确加载。
我们的观察是,这只在 Safari中不起作用。无论我们是在 iPhone 上还是在 Mac 上进行测试。
字体加载如下:
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
我们测试的任何其他浏览器都能正确显示图标和字体。(iOS 上的 Google 浏览器;Windows 上的 Chrome)
从我们在 Safari 调试器中看到的情况来看,似乎无法下载字体文件。(我不想写这个但是:有时我观察到它工作了很短的时间然后停止工作。)
在 Chrome 中,结果如下所示:
会有什么建议?
- 自托管?为什么?
2019-11-13 更新:在以下位置找到更多信息:https ://github.com/doanythingfordethklok/safari-cache-bug