firefox字体渲染问题/问题答案

【问题标题】：firefox font rendering problem/issuefirefox字体渲染问题/问题
【发布时间】：2010-12-22 19:43:42
【问题描述】：

也许有人知道为什么会发生这种情况以及如何解决？

p  
{ 
   display: block; 
   margin: 1em 0px;
}

p.description 
{
   color: #969797;
   font-family: Calibri, sans-serif;
   font-size: 15px;
   font-style: normal;
   font-weight: lighter;
   letter-spacing: -0.05em;
   line-height: 1em;
   text-decoration: none;
   text-shadow: none;
   text-transform: none;
   word-spacing: 0em;
}

【问题讨论】：

您可以尝试使用 Firebug 和 Chrome 的检查元素来检查计算的 CSS 样式是否相同？

标签： firefox google-chrome fonts safari rendering

【解决方案1】：

你的意思是为什么 FF 显示粗体？

我想我得看看你的代码......

不过，特殊字符通常有点棘手。如果你的字符编码类型设置不正确，或者访问者没有安装正确的字体，浏览器可能会选择另一种看起来像它的字体。

浏览器之间的差异是由 Webkit 引起的（至少我是这么认为的）。

【讨论】：

这是我的错误......在我打开的 html 一个地方，它以 结尾.. 愚蠢的缺少“\” :) “但是，特殊字符是通常有点棘手”

【解决方案2】：

Safari 和 Chrome 使用 Webkit，也许就是这样......

【讨论】：

我没有为 -webkit 使用任何特定的东西，或者 -moz，一切看起来都一样，除了字体渲染，这让我抓狂......
我不是这个意思，我的意思是 webkit 和 gecko 引擎之间的字体渲染差异......看这个：css-tricks.com/…