css - 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；没有访问者有耐心等待字体加载一分钟才能阅读漂亮的字体)