我注意到我在网络上使用的几乎所有字体(我主要使用Google的网页字体),在某些尺寸字体中,字体往往看起来好多了。
我一直被告知,尽可能坚持印刷比例是个好主意。问题是,当我这样做时,我在浏览器中的文本总是看起来更糟(更多的是锯齿状,好像它没有抗锯齿)。
例如,我使用的是字体maven_probold(虽然这个问题适用于我以这种或那种方式使用的许多字体,如果不是全部的话)。当我将大小设置为3em(48px)时,字体看起来很锯齿,不太令人愉悦。但是,如果我将它提升到3.5em,它看起来非常平滑。
这是每个人都经历过的现象吗?谁有人明白为什么会这样?我正在使用Google Chrome进行设计。
编辑:这就是我所说的。注意曲线,特别是O和Rs。http://gyazo.com/3d238487b45f5bd68cdfab0b3aae871a.png http://gyazo.com/86a8564aaf2ff370da1a537dd3804eb3.png
答案 0 :(得分:0)
Windows上的Chrome已经很好地记录了字体渲染的问题。
我的建议是尽可能尝试使用FireFox,IE和Mac。它看起来有点难看但我还没有找到一个很好的解决方案来解决这个问题。
答案 1 :(得分:0)
完全按照您的示例图像,我可以解释“什么”部分:我看到在较小的尺寸中,子像素渲染正在使用中。左边缘的橙色/棕色边缘(以及右边的蓝色边缘)很明显,这是子像素渲染的一个标志(在Microsoft平台上,ClearType,但在其他实现上还有其他实现平台)。在较大的图像中,全像素抗锯齿(通常称为“灰度”)正在使用中,并且在此示例中,恰好看起来“更好”。
关于为什么:这很难回答。有一个字体表,称为'gasp' table,可用于控制何时应使用不同的渲染技术。这是由字体制作者设定的。字体渲染器可以使用此表作为切换渲染技术的辅助工具。但是,它并不总是存在于每种字体中,即使它存在,一些渲染系统可能会选择忽略它(例如,Mac OS根本不使用该表)。
如果你能找到一个能够解析/编辑'喘气'表的字体工具,你可以检查字体,看看它是否有一个'喘气'表,其值与你的尺寸一致。如果是这样,您可以编辑字体数据并改为编辑数据。