Google 字体无法在 Windows 浏览器中加载，但可以在 Mac 浏览器中加载答案

【问题标题】：Google fonts not loading in Windows browsers, but do load on Mac browsersGoogle 字体无法在 Windows 浏览器中加载，但可以在 Mac 浏览器中加载
【发布时间】：2014-08-17 08:35:17
【问题描述】：

堆垛机。

我在www.PinionLMS.com 担任前端人员。

我们使用的是“Lato”，一种 Google 字体。

问题是当您从 Win (8.1) 浏览器、FF、Chrome、IE 加载网站时，字体不会加载并且默认为无衬线字体。

然而，当你在 Mac 浏览器上加载它时，它显示得很好。

建议？

【问题讨论】：

我认为我们需要更多信息才能继续进行此操作。
我在中调用 Google 字体并在 CSS 文件中指定样式。在本地测试中，一切都很好，字体显示在 Win 和 Mac 上。只是在现场，Windows 浏览器根本不显示字体。
使用 CSS 编辑您的问题，让我们有更多工作要做，如果不知道加载了什么字体，就无法知道发生了什么 - 谢谢

标签： css windows macos google-api

【解决方案1】：

您在开发者工具中的页面显示

“https://pinionlms.com/”处的页面已通过 HTTPS 加载，但运行了来自“http://fonts.googleapis.com/css?family=Lato:300,400,700”的不安全内容：此内容也应通过 HTTPS 加载。

Ritesh

【讨论】：

【解决方案2】：

您正尝试从使用https: 协议加载的页面加载使用http: 协议的字体。

不同的浏览器对混合安全内容和不安全内容的反应会有所不同，用户设置也可能会影响处理方式。除非您明确允许，否则通常不安全的内容不会加载到安全页面中。

只需更改链接标签中的协议即可：

<link href='https://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>

【讨论】：

【解决方案3】：

信息不多，您可能想参考这个

CSS @font-face not working in IE8

您可能缺少要支持的 IE 类型。

【讨论】：

感谢您的宝贵时间，AlanMorton2.0。