html - Web 字体仅在 Firefox 中看起来不稳定

Question

• 操作系统:Win 7 64位
• 浏览器:FF 24.0

如果我去http://www.google.com/fonts看起来很糟糕:

当我在本地为我的网站加载一个时，它看起来同样糟糕，但这是我从下面的 fontsquirrel 生成的配置:

    @font-face {
        font-family: 'SecretSans';
        src: url('<%=domain_url%>/fonts/secretsansextralight-webfont.eot');
        src: url('<%=domain_url%>/fonts/secretsansextralight-webfont.eot?#iefix') format('embedded-opentype'),
             url('<%=domain_url%>/fonts/secretsansextralight-webfont.svg#secretsansttextralight') format('svg'),
             url('<%=domain_url%>/fonts/secretsansextralight-webfont.woff') format('woff'),
             url('<%=domain_url%>/fonts/secretsansextralight-webfont.ttf') format('truetype');
        font-weight: 400;
        font-style: normal;
    }

因为它在上面的站点和我自己的站点上看起来一样糟糕，所以我认为这是 Firefox 和/或 Windows 的问题。

是否有适用于访问我网站的所有用户的修复/配置，而不需要他们更改 Firefox 或 Windows 中的任何设置，因为这显然是不现实的。

EDIT1:我刚刚转到“控制面板”>“字体”>“调整 ClearType 文本”，现在它可以在 Firefox 中正确呈现...不过我不能要求用户这样做，所以我希望有另一种方法

Answer 1

我知道这个线程来自石器时代，但不幸的是问题仍然存在。如果你用谷歌搜索不连贯的字体问题，它排在前 10 位；所以我想用它来增加我的 10 美分体验!

好的:如果您在 Google 上搜索 Vista/Win 7/Win 8 下的字体问题，您会发现两大类问题，在许多情况下都与 ClearType 相关。不是全部!但是很多。

---

第 1 组:模糊的 Windows 字体

如果我们谈论“Windows 字体”，我们就是在谈论用户界面(菜单等)，以及 Word 或 Excel 等办公应用程序的“工作区”。几乎所有没有拥有支持高清的 16:9 宽屏显示器的人都会遇到这个问题，尤其是。 19 英寸和 1280x1024 分辨率的经典办公型显示器。这里的关键词是“低 DPI”。

对于那些不知道的人:ClearType 在这些低 DPI 显示器上的工作非常糟糕，并且以如此模糊的方式呈现整个界面，以至于尝试使用它会导致严重的眼睛疲劳和头痛。真的，伙计们，它会让你患眼癌!(不，您无法在全高清显示器上重现该概率!)

唯一的出路是禁用 ClearType。这几乎帮助了第 1 组的每个人——包括我。

---

第 2 组:Firefox 和 Chrome(很少是 MSIE)中的字体呈现不稳定

在很多很多情况下 - 就像在这个线程中一样 - ClearType 被禁用。重新启用后，浏览器会很好地呈现字体。对我来说也是如此!

---

不幸的是...当我重新启用 ClearType 时，我又回到了第 1 组!!!

因此:要么我禁用了 ClearType，并且可以在锐利清晰的 Windows 下工作数小时而不会感到眼睛疲劳 - 但我不得不忍受 FF 和 Chrome 中不稳定的网络字体。

或者我重新启用 ClearType 以查看设计师为他们非常时尚的网站选择的漂亮漂亮的字体 - 并且忍受 Windows 由于字体模糊而让我头疼的问题! :-(

显然，我要走第一种方式。如果我偶然发现一个字体看起来像坏掉的网站，我只需单击一下鼠标即可切换 webfonts 的使用 - 有一个很棒的 FF-AddOn 可以做到这一点。

哦，我忘了:为什么 MSIE 似乎可以很好地渲染字体？

好吧，IE(据我所知至少是 10 和 11)总是使用 ClearType 来呈现页面——无论是否在系统设置中禁用。当然，它还显示了模糊字体问题 - 让我想起了为什么我禁用了 ClearType。并且会顺其自然!

最后的想法:程序员相信 webfonts 是他们所有设计需求的最终解决方案，他们认为，通过在几个默认系统上测试他们的东西，他们可以控制一切。事实上，webfonts 只是让一个众所周知的问题变得无法控制 - 因为没有像默认用户这样的东西!

想一想。