Lucida grande 字体不够轻答案

【问题标题】：Lucida grande font isn't light enoughLucida grande 字体不够轻
【发布时间】：2014-03-25 20:35:53
【问题描述】：

我在 wordpress 中设计了一个模板，现在我用 css/html 编写它，但浏览器似乎没有使用我的字体。

Photoshop：

浏览器：

这是我的css

h1 { font-size: 34px; font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif; font-weight: 100; }

photoshop 中的字体是 Lucida Grande 常规字体。

【问题讨论】：

我敢打赌，您没有包含该字体的网络字体脚本并直接在您的计算机中使用该字体。尝试查找网络字体版本。
浏览器和 Photoshop 中的字体渲染非常不同。在所有浏览器中，您永远不会得到与在 Photoshop 中完全相同的结果。欢迎来到现实。
using Lucida Grande in windows 的可能重复项
欢迎来到网页设计的世界。大多数字体在浏览器中以完全不同的方式复制，您可以查看一些地方，例如 font squirrel 或 myfonts.com，看看它们是否有必要的网络版本，但您很可能会为它们付费。

【解决方案1】：

感谢所有答案。我使用“Lucida Sans Unicode”字体和“letter-spacing”css 属性对其进行了修复。

对于所有遇到我同样问题的人，这是我的解决方案。

h1 { font-family: 'Lucida Sans Unicode', sans-serif; font-size: 34.14px; text-align: center; font-weight: 100; letter-spacing: 0.6px; }

【讨论】：

【解决方案2】：

切勿在网站中使用特定于平台的字体（仅限 Mac/仅限 Windows 字体）；浏览器和操作系统本身在表示上是完全不同的。如果您网站的访问者没有该字体，它将回退到您的font-family 字体堆栈中指定的下一个字体。

建议在网站中使用网络字体。您可以在Google Fonts 中找到类似的字体作为替代。

然而，以上不适用于大多数非Unicode语言，尤其是CJK（中文，日文和韩文。以中文为例，由于中文的字符范围很广，因此制作网页是不可行的中文字体，因为字体的文件会很大。（有一些中文网页字体，但大多数>10MB；没有访客耐心等待字体加载一分钟才能阅读漂亮的字体）

【讨论】：