在PSD中使用哪种字体系列到HTML样式表（Hiragino Sans GB W3）

Question

一位朋友要求我将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如果您需要衬线字体）。

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

Answer 2

您可以使用fontsquirrel http://www.fontsquirrel.com/上传您的字体文件，将其转换为所有常见的不同浏览器。