Question

Hiall，我有一些基本的CSS使用了一个例如

的类

 .myclass {
     font-family: Arial, sans-serif;
     letter-spacing: 0px;
 }

在Mac上它看起来很棒，但在Windows上，字体会失去一些重量，也可能因此字母间距略有增加。

只是想知道如何定位IE，最后是Firefox，所以我可以对这些东西进行微妙的改动。我知道我可能无法将它们发现，但我想至少尝试看看增加的字体重量和减少的字母间距对于IE和FF等。

我之前没有太多与供应商前缀有关的事情。

任何帮助都会很棒

Answer 1

这是因为字体不完全相同......差异来自操作系统附带的字体。如果你想要/可以，你可以做的一件事就是使用你想要嵌入的另一种字体，使其在平台/浏览器中完全相同。

这是一个漂亮的小gif，显示了mac和windows之间的arial和verdana差异：http://fmforums.com/forum/topic/79795-cross-platform-fonts-revisited-arial-vs-verdana/

以下是关于网络字体的精彩教程： http://www.sitepoint.com/how-to-use-cross-browser-web-fonts-part-1/

让网络字体在浏览器中运行的现实有点儿   不同。不同的浏览器支持稍微不同的字体集   格式，因此您需要提供一组备选方案。

Web Open字体格式（.woff）：适用于所有现代浏览器Embedded Open   类型：对于旧版本的Internet Explorer（IE＆lt; = 8）SVG字体：For   旧版本的iOS Safari（3.2-4.1）Truetype字体：适用于旧版本   默认android浏览器的版本

mac和windows css渲染字体，字母间距之间的微小差异

1 个答案: