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常规。

Answer 1

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

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

然而，上述内容并不适用于大多数非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; }