Question

A friend ask me to convert a PSD design to HTML, in the PSD design he is using the font: Hiragino Sans GB W3.

Then in stylesheet im using font-family:

@font-face {

  font-family: "Hiragino Sans GB W3";

}

body {

  font-family: "Hiragino Sans GB W3";

}

But he told me the the font doesnt look like the PSD design, what can I do to improve my stylesheet to use the “Hiragino Sans GB W3” in a right way?

Thanks in advance.

Answer 1

You can search for an alternative font that’s already installed on every system, because you can only use installed fonts – sounds logic.

But with the features of HTML5 you can use nearly every font if you have the rights to. I recommend you looking through Google Web Fonts.

It’s even possible to provide some “fallbacks”.

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

The Browser will search for "Some Exotic Font" and if it can’t finds the font it will look for "Some Exotic Font" and so on till sans-serif(or serif if you want a serif font).

If that still does not satisfy you, you can even convert the text into an image and include the image instead of the text. But that is some very bad practice.