HTML / CSS字体：不同的浏览器/操作系统有不同的结果 [英] HTML/CSS Fonts: Different browsers/OSs different results

问题描述

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

I've been working on my website and I'm using font squirrel to generate some web fonts for the website, but currently I've this differences:

Google Chrome OSX

Google Chrome Windows

Firefox OSX

Firefox Windows

Internet Explorer

有办法吗可以黑客Windows下的字体，使他们看起来更多的OSX下的字体？谢谢。

Is there a way I can "hack" the fonts under windows so they will look more the ones under OSX? Thank you.

推荐答案

不同的系统呈现不同的字体。没有什么你可以做的。你可以使用它：检查在主要系统（Windows，Mac，Linux，也许一些移动系统），呈现是接受。他们不能和不需要是一样的。但是如果你在一些平台上得到不可接受的结果，改变字体（虽然有时只是改变字体大小，也许甚至1px更大，可能有帮助）。

Different systems render fonts differently. There is mostly nothing you can do about it. You can just live with it: check that on major systems (Windows, Mac, Linux, maybe some mobile systems too) the rendering is acceptance. They cannot and need not be the same. But if you get unacceptable results on some platform, change the font (though sometimes just changing font size, maybe even 1px larger, may help).

在 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 （或者，具有各种各样的属性），可以在相当程度上影响排版设置浏览器前缀）。

In principle, though, differences might also be caused by different typographic settings. Firefox nowadays applies kerning and common ligatures by default, other browsers don’t. But you probably won’t see such effects, for two reasons: free fonts usually don’t have ligatures or kerning pairs, and Lorem ipsum text usually does not contain character pairs where they would matter (e.g., "fi" or "To" or "Va"). Anyway, the typographic settings can be affected to a considerable degree using the CSS property font-feature-settings (or, rather, that property with various browser prefixes).

这篇关于HTML / CSS字体：不同的浏览器/操作系统有不同的结果的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！