6
  • 操作系统：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中正确呈现......我不能要求用户这样做，所以我希望有另一种方法

4

3 回答 3

5

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

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

第 1 组：模糊 Windows 字体

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

对于那些不知道的人：ClearType 在这些低 DPI 显示器上做了可怕的工作，并以如此模糊的方式渲染整个界面，以至于试图使用它会导致严重的眼睛疲劳和头痛。真的，伙计们，它会让你患上眼癌！（不，您不能在全高清显示器上重新创建该问题！）

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

第 2 组：Firefox 和 Chrome 中的字体呈现不稳定（很少 MSIE）

在很多很多情况下——比如在这个线程中——ClearType 被禁用。重新启用后，浏览器确实可以很好地呈现字体。对我来说也是如此！

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

所以：要么我禁用了 ClearType，并且可以在清晰的 Windows 上工作几个小时而不会让我的眼睛感到疲劳——但是我不得不忍受 FF 和 Chrome 中波涛汹涌的网络字体。

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

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

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

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

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

想想看。

于 2015-05-13T14:47:53.913 回答
0

我很确定这就是浏览器呈现它的方式。尤其是 @font-face 的东西（我假设你使用http://www.fontsquirrel.com/或类似的网站来生成它）。您可以使用一点文本阴影使其更清晰一点，但是从您所展示的内容来看，我认为您最好尝试找到另一种渲染效果更好的非常相似的字体。

于 2013-10-09T18:15:16.197 回答
0

这显然是因为您关闭了 ClearType。这是用于平滑计算机屏幕 (LCD) 上字体边缘的方法。它与网页中使用的附加方法无关，这是严格的字体渲染问题。字体可能因系统而异，因为每种字体的渲染方法略有不同——它们在 Apple 系统上往往看起来最好，而 Windows 似乎有某种较差的渲染方法。这完全取决于正在运行的系统，因此不同用户的字体呈现方式会有所不同。此外，来自大型铸造厂的专业字体通常比免费的开放字体渲染得好得多，因为它们经过专门校正以优化它们在屏幕上的呈现方式，尤其是当它们被渲染得较小（小于 20px 大小）时，因此，Google Fonts 字体集的粗糙度也可能部分是由于它们没有像那些专业的、昂贵的字体那样精心制作。然而，无论字体质量如何，如果字体平滑关闭（或不支持），文本总是看起来更丑陋和不连贯，所以你无能为力。阻止自己使用自定义网络字体，因为您担心关闭字体平滑的用户比例会完全阻止您使用它们。

于 2013-11-06T20:58:44.797 回答