谷歌字体渲染时出现异常问题

Question

谷歌字体渲染时出现异常问题

8

所以，我正在这样使用字体。

<link href='http://fonts.googleapis.com/css?family=Fira+Sans:700|Open+Sans&text=1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz%20' rel='stylesheet' type='text/css' />
<style>h1, h2, h3 {font-family: 'Fira Sans', sans-serif; line-height:1.125em} </style>

这是结果... 在此输入图片描述

我完全不明白，这怎么会发生？我做错了什么。这个问题似乎只出现在家里的电脑上。在其他地方检查都正常。

家用电脑：Firefox浏览器，Windows 7系统（在Chrome浏览器中字体根本不显示，是空白的）

- Debajyoti Das

你们有可以测试的实时项目吗？ - Bram Vanroy

@JoshBurgess 但如果是那个问题，它会出现在所有地方而不仅仅是一个场景... - Debajyoti Das

请发布足够的代码（HTML和CSS），以便能够重现问题。 - Jukka K. Korpela

@DebajyotiDas，你能分享一下你家里电脑的配置吗？例如CPU、GPU等。 - Joshua

请参阅Google的GitHub：FiraSans和FiraMono显示为空白。 - unor

显示剩余5条评论

3个回答

0

我曾经遇到过这个问题。原因是我的电脑时间和日期信息配置错误。一旦我调整了它，Google字体就正常工作了。

- Mariana

0

你的图形驱动程序中有任何自定义设置吗？例如，各种过滤、抗锯齿等是否已开启？Firefox 倾向于通过一些优化方式进行传递，但结果很糟糕 :-/

尝试将所有这些设置调整为“应用程序控制”/自动/默认设置，看看是否有所改善。

- Joshua

1

不是答案。应该作为评论发布。 - Jukka K. Korpela

1

句子“尝试将所有这些设置都调整一下…”是一个答案。它可能不是唯一的答案，但它是一个答案。 - Joshua

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- bobsoap · Accepted Answer

尝试使用Mozilla的CDN替代Google的CDN，后者似乎在Fira Sans字体方面存在问题。

请使用此链接替换您的googleapis.com链接，它应该可以正常工作：

<link href='https://code.cdn.mozilla.net/fonts/fira.css' rel='stylesheet' type='text/css' />

您可能仍需同时使用 Google 的 CDN 和 Mozilla 的 CDN 来分别获取 Open Sans 和 Fira Sans 字体文件。据我所知，Open Sans 并没有这个问题。