第一次在 Safari (mac) 中未正确加载素材图标

Posted

技术标签:

【中文标题】第一次在 Safari (mac) 中未正确加载素材图标【英文标题】:material icons not being loaded correctly the first time in Safari (mac) 【发布时间】:2017-12-19 09:38:05 【问题描述】:

这是我第一次访问网站时字体的外观

然后如果我右键单击并选择“重新加载页面”,字体就会正确显示

这只发生在使用 safari 的 Mac 上。在其他浏览器中运行良好。

index.html 标头中的链接

<link rel="stylesheet" href="http://fonts.googleapis.com/icon?family=Material+Icons">

感谢任何帮助。

【问题讨论】:

我们可能需要知道您加载字体的方式和位置。 @Vega 很好,谢谢。我已经相应地更新了帖子。 我可能在说“傻”的话。会不会是你的网速很慢?如果是这样,我会解释我的想法。 没有愚蠢的建议。不过,我不认为这是问题所在。 在我的 Mac 上,我注意到 safari 太快了:它加载我的 Angular 应用程序比 chrome 快得多。我无法测试“预引导加载”部分。所以可能也适合你,第一次加载字体需要时间来加载,但是应用程序加载并且它们被缓存。我会建议你在本地加载你的字体。 【参考方案1】:

这是我解决部分问题的方法:https://***.com/a/52763507/783364

这里有一些“预加载”字体和@font-face 的细节为我节省了很多: https://***.com/a/42683378

【讨论】:

以上是关于第一次在 Safari (mac) 中未正确加载素材图标的主要内容,如果未能解决你的问题,请参考以下文章

Codeigniter:在 mac safari 中未检测到 vcf mime 类型

背景图像在 Safari 中未正确拉伸

背景图像在 Safari 和 iOS 中未显示全宽

Notification.requestPermission 在 Mac 版本的 Safari 中引发错误

在 UIScrollView 中未正确加载 XIB

在 Github 操作中未正确加载缓存