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 Fonts中找到类似的字体作为替代字体。

然而，上述内容并不适用于大多数非Unicode语言，特别是CJK（中文，日文和韩文）。以中文为例，因为中文有各种各样的字符，所以制作网页是不可行的。中文的字体，因为字体的文件大小会非常大。（有一些中文网页字体，但大多数都是> 10MB;没有访问者有耐心等待字体加载一分钟才能读取漂亮的字体）

Answer 2

感谢所有答案。 我使用＆＃34; Lucida Sans Unicode＆＃34;字体和＆＃34;字母间距＆＃34; css property。

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

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