Question

OS：Win 7 64bit
浏览器：FF 24.0

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

Firefox font issue

当我在本地为我的网站加载一个时，它看起来同样糟糕，但这是我从下面的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：我刚刚进入控制面板＆gt;字体＆gt;调整ClearType文本，现在它在Firefox中正确呈现...我不能要求用户这样做，虽然所以我希望有另一种方式

Answer 1

我知道这个帖子来自石头，但不幸的是问题仍然存在。如果你谷歌的波涛汹涌的字体问题，它在前10名;所以我想用它增加10分的经验！

好的：如果您在Vista / Win 7 / Win 8下搜索Google的字体问题，您会发现在很多情况下两个与ClearType相关的主要问题。不是全部！但很多。

第1组：模糊的Windows字体

如果我们谈论“Windows字体”，我们谈论的是用户界面（菜单等），以及办公应用程序（如Word或Excel）的“工作区”。这个问题几乎击中了所有不拥有高清功能的16：9宽屏显示器的用户，尤其是19“和1280x1024分辨率的经典办公室型显示器。关键字是”低DPI“。

对于那些不知道的人：ClearType在这些低DPI监视器上做了一个可怕的工作，并以一种模糊的方式呈现整个界面，试图使用它会导致严重的眼睛疲劳和头痛。真的很好，它给你眼癌！（不，你不能在全高清显示器上再现那个问题！）

唯一的出路是禁用ClearType。这几乎帮助了第一组的所有人 - 包括我。

第2组：Firefox和Chrome中的Choppy字体渲染（很少是MSIE）

在很多情况下 - 比如在这个帖子中 - ClearType被禁用了。重新启用后，浏览器会很好地渲染字体。对我来说也是如此！

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

所以：我已经禁用了ClearType，可以使用清晰明了的Windows几个小时而不会疲劳 - 但是我必须在FF和Chrome中使用不稳定的webfonts。

或者我重新启用ClearType以查看设计师为他们那些时髦的网站选择的漂亮和漂亮的字体 - 并且由于模糊的字体而让我感到头痛！： - （

显然，我是第一个方向。如果我偶然发现一个字体看起来像破碎的网站，我只需点击一下鼠标即可切换webfonts的用法 - 这里有一个很棒的FF-AddOn。

哦，我忘记了：为什么MSIE好好渲染字体？

嗯，IE（据我所知至少10和11）总是使用ClearType来呈现页面 - 无论是否在系统设置中禁用。当然，它还显示模糊的字体问题 - 并让我记住为什么我禁用ClearType。并且会让它如此！

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

想一想。

Answer 2

我很确定这只是浏览器呈现的方式。特别是@ font-face的东西（我假设您使用http://www.fontsquirrel.com/或类似的网站来生成它）。你可以使用一点点文字阴影来使它更加清晰，但是根据你所展示的内容，我认为你可能最好不要试图找到另一种非常相似的字体，以便更好地呈现。

Answer 3

这显然是因为你关闭了ClearType。这是用于平滑计算机屏幕（LCD）上字体边缘的方法。它与网页中用于附加它们的方法无关，这严格来说就是字体渲染问题。根据系统的不同，字体可能会有所不同，因为每个字体的呈现方式略有不同 - 它们往往在Apple系统上看起来最好，而Windows似乎有某种低劣的渲染方法。这完全取决于正在运行的系统，因此字体将针对不同用户进行不同的呈现。此外，来自大型代工厂的专业字体通常比免费的开放字体渲染得更好，因为它们经过专门校正以优化它们在屏幕上的渲染方式，特别是当它们渲染得很小（尺寸小于20px）时，所以来自Google字体集的字体粗糙度也可能部分归因于它们不像那些专业的，昂贵的那些那样精心制作。然而，无论字体质量如何，如果关闭（或不支持）字体平滑，文本将总是看起来更加丑陋和不连贯，所以你无能为力。停止使用自定义webfonts，因为您担心关闭字体平滑的用户比例会阻止您使用它们。

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

3 个答案: