Lucida grande字体不够轻

Question

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

Photoshop：

​

​

浏览器：

​

​

这是我的css

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

photoshop中的字体是Lucida Grande regular。

Answer 1

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

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

然而，上述规定并不适用于大多数非Unicode语言，尤其是CJK (中文、日文和韩文)。以中文为例，由於中文的字型繁多，要为中文制作网页字体是不可行的，因为字体的档案会很大。(有一些中文网页字体，但大多数都大于10MB；没有访问者有耐心等待一分钟加载字体才能阅读漂亮的字体)

Answer 2

感谢所有的答案。我使用"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; }