css - Lucida Grande 在 Chrome 和 FF 上的渲染不同

Question

屏幕截图:http://imm.io/Wwr 或 http://gasa.jaeh.net

很明显，我的网站在我的 Ubuntu 上的 Chrome5 和 FF3 上呈现不同。

有没有人能指出我如何平衡这些差异？我不希望每个浏览器上的字体具有不同的“感觉”。

还有一点，元素在chrome上显得比较小，主要是字体大小。有什么提示吗？

编辑1
字体是“Lucinda Grande”。缩放级别似乎相同(CTRL+0 重置)
定义:

body{ font-size: 18px;font-family: "Lucida Grande";}

其余按百分比定义

Answer 1

这两种浏览器都使用各自的默认字体，但它们并不相同。 Lucida Grande 根本没有被使用(它是一种无衬线字体，看起来与你那里的完全不同)。由于 Lucida Grande 是您包含在 font-family 列表中的唯一字体，因此当默认字体不可用时，浏览器必须回退到默认字体。

你确定你的机器上安装了它吗？它通常只随 Mac OS X 一起提供，而不是 Ubuntu。这就是为什么列出一些常用字体是个好主意。