0

我注意到,对于我在网络上使用的几乎所有字体(我主要使用来自 Google 的 webfonts),在某些尺寸下,字体往往看起来要好得多。

我一直被告知尽可能坚持印刷比例是个好主意。问题是,当我这样做时,我在浏览器中的文本总是看起来更糟(更锯齿,好像它没有抗锯齿)。

例如,我正在使用字体 maven_probold(尽管这个问题适用于我以一种或另一种方式使用的许多(如果不是全部)字体)。当我将大小设置为 3em (48px) 时,字体显得非常锯齿状,不太讨人喜欢。但是,如果我将它提高到 3.5em,它会显得非常平滑。

这是每个人都会经历的现象吗?有没有人明白为什么会发生这种情况?我正在使用 Google Chrome 进行设计。

编辑:这就是我在说什么。注意曲线,特别是 O 和 Rs。

http://gyazo.com/3d238487b45f5bd68cdfab0b3aae871a.png http://gyazo.com/86a8564aaf2ff370da1a537dd3804eb3.png

4

2 回答 2

0

Windows 上的 Chrome 在字体渲染方面有很好的记录。

我的建议是尽可能尝试使用 FireFox、IE 和 Mac。它看起来有点难看,但我还没有找到使用 CSS 解决问题的好解决方案。

于 2013-07-16T11:27:33.823 回答
0

纯粹通过您的示例图像,我可以解释“什么”部分:我看到在较小的尺寸中,正在使用亚像素渲染。左边缘的橙色/棕色边缘(以及右侧的蓝色边缘)很明显,这是亚像素渲染的标志(在 Microsoft 平台上,ClearType,但在其他平台上还有其他实现)。在较大的图像中,使用了全像素抗锯齿(通常称为“灰度”),在这个例子中,恰好看起来“更好”。

至于为什么:这很难回答。有一个字体表,称为“gasp”表,可用于控制何时应使用不同的渲染技术。这是由字体制造商设置的。字体渲染器可以使用此表作为切换渲染技术的辅助工具。但是,它并不总是存在于每种字体中,即使存在,某些渲染系统也可能会选择忽略它(例如,Mac OS 根本不使用此表)。

如果您能找到能够解析/编辑“gasp”表的字体工具,您可以检查字体并查看它是否具有值与您的尺寸一致的“gasp”表。如果是这样,您可以编辑字体数据并提供编辑后的数据。

于 2013-07-16T19:20:24.837 回答