2

我一直在我的网站上工作,我正在使用字体松鼠为网站生成一些网络字体,但目前我有这个区别:

谷歌浏览器 OSX 谷歌浏览器 OSX

谷歌浏览器窗口 谷歌浏览器窗口

火狐 OSX

火狐 OSX

火狐视窗 火狐视窗

IE浏览器 IE浏览器

有没有办法我可以“破解”windows下的字体,这样它们看起来更像OSX下的字体?谢谢你。

4

4 回答 4

5

这里的主要区别不是浏览器之间,而是操作系统之间,这是非常标准的。

于 2012-09-29T14:51:42.493 回答
3

不同的系统以不同的方式呈现字体。您几乎无能为力。你可以忍受它:检查主要系统(Windows、Mac、Linux,也许还有一些移动系统)上的渲染是接受的。它们不能也不必相同。但是,如果您在某些平台上得到不可接受的结果,请更改字体(尽管有时只是更改字体大小,甚至可能大 1 像素,可能会有所帮助)。

该问题在 http://www.owlfolio.org/htmletc/legibility-of-embedded-web-fonts/ 上进行了描述,在http://www.smashingmagazine.com/2012进行了更详细(和技术上更详细)的描述/04/24/a-closer-look-at-font-rendering/

但是,原则上,差异也可能是由不同的印刷设置引起的。现在的 Firefox 默认应用字距调整和通用连字,其他浏览器则不这样做。但是您可能不会看到这样的效果,原因有两个:免费字体通常没有连字或字距调整对,并且 Lorem ipsum 文本通常不包含重要的字符对(例如,“fi”或“To”或“Va”)。无论如何,使用 CSS 属性(或者,更确切地说,具有各种浏览器前缀的属性)可以在很大程度上影响排版设置。font-feature-settings

于 2012-09-29T17:44:44.120 回答
1

我认为这个问题没有破解,因为浏览器与浏览器在实际渲染文本的外观上存在巨大差异。

于 2012-09-29T15:07:42.170 回答
1

请注意,Windows 也有 ClearType。更改其设置也会产生影响(在 Windows 7 中,它是一个 4 步向导)。

我提到这一点的原因是 Windows 有一种改变字体外观的本机方式,每个人都会根据他们的 ClearType 设置以不同的方式看到它。我认为浏览器变化不大,但操作系统肯定会发生变化。然后还有显示器和分辨率......

不要过分痴迷于让每个系统上的东西看起来都一样。无论您尝试什么,您都无法做到这一点,而且完全没有必要。

于 2012-09-29T15:16:37.117 回答