Question

Possible Duplicate:
How to add some non-standard font to a website?

I created a website, and in my CSS file Im using a font downloaded from web, it works nice in windows, I can use it on my website, but if I run my page on Linux, of course it do not work because Linux dont know that font, so my question is, if I will put my page on some server, I need to “install” that font on server or something like that, or how does it works?

Answer 1

You need to create web-compatible formats (different browsers require different formats) of your font and then use a @font-face rule in your stylesheet to include it. For example (this is the output generated by http://fontsquirrel.com):

@font-face {
    font-family: "YourFont";
    src: url("YourFont.eot");
    src: url("YourFont.eot?#iefix") format("embedded-opentype"),
         url("YourFont.woff") format("woff"),
         url("YourFont.ttf") format("truetype"),
         url("YourFont.svg#YourFont") format("svg");
    font-weight: normal;
    font-style: normal;
}

The browser will then download the appropriate font file and use that.