css - 在 PSD 到 HTML 样式表中使用哪种字体系列 (Hiragino Sans GB W3)

Question

一个 friend 让我把一个PSD设计转换成HTML，他在PSD设计中使用的字体是:Hiragino Sans GB W3。

然后在样式表中使用 font-family:

@font-face {

  font-family: "Hiragino Sans GB W3";

}

body {

  font-family: "Hiragino Sans GB W3";

}

但他告诉我字体看起来不像 PSD 设计，我可以做些什么来改进我的样式表以正确使用“Hiragino Sans GB W3”？

提前致谢。

Answer 1

您可以搜索已安装在每个系统上的替代字体，因为您只能使用已安装的字体 - 听起来合乎逻辑。

但借助 HTML5 的特性，如果您有权使用，几乎可以使用所有字体。我建议你看看 Google Web Fonts .

甚至可以提供一些“回退”。

selector {
    font-family: "Some Exotic Font", "Not so exotic", "Arial", sans-serif;
}

浏览器将搜索 "Some Exotic Font"，如果找不到该字体，它将寻找 "Some Exotic Font" 等等，直到 sans-serif(或者 serif 如果你想要衬线字体)。

如果仍然不能满足您的要求，您甚至可以将文本转换为图像并包含图像而不是文本。但这是一些非常糟糕的做法。