HTML/CSS字体：不同的浏览器/操作系统不同的结果

我一直工作在我的网站，我使用的字体松鼠生成的网站的一些网页字体，但目前我有此差别：HTML/CSS字体：不同的浏览器/操作系统不同的结果

谷歌浏览器OSX Google Chrome OSX

谷歌Chrome浏览器的Windows Google Chrome Windows

火狐OSX

Firefox OSX

Firefox窗口 Firefox Windows

的Internet Explorer

有没有一种方法可以让我 “黑客” 的字体windows下，使他们看起来更下的那些OSX？谢谢。

来源

2012-09-29 TCB13

http://dowebsitesneedtolookexactlythesameineverybrowser.com/ –

如果这是您在浏览器之间看到的唯一区别，那么您比大多数人做得更好。此外，究竟谁会注意到这一点？这不像你会把它们并排放在一起。 – Sparky

不同的系统渲染字体的方式不同。大多数情况下你无能为力。你可以忍受它：检查在主要系统上（Windows，Mac，Linux，也许一些移动系统）渲染是验收。他们不能也不一定是相同的。但是，如果您在某些平台上获得不可接受的结果，请更改字体（尽管有时只是更改字体大小，甚至可能会增大1px）。

该问题被描述为例如在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-29 17:44:44

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

来源

2012-09-29 14:51:42 kalpaitch

我可以修复它吗？使用CSS？ – TCB13

有人还告诉我这是与像素形状有关...... MAC有方形像素，通常有长方形像素。不知道这是否是原因，但大多数时候你必须接受它。 IE看起来也是最糟糕的，现在这是一个惊喜。 – kalpaitch

此外，它强烈依赖于用户的设置。例如。请通过Windows字体向导来帮助您设置正确的平滑/ ClearType设置。看看结果如何变化。 –

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

来源

2012-09-29 15:07:42 Afshin

请注意，Windows也具有ClearType。更改其设置也有一定影响（在Windows 7中，它是一个4步向导）。

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

不要过分执着于在每个系统上看起来都一样。无论你尝试什么，你都无法做到，而这完全没有必要。

来源

2012-09-29 15:16:37 MarioDS

HTML/CSS字体：不同的浏览器/操作系统不同的结果

回答

相关问题