How to install a Font in server

Question

I have downloaded and installed a font in my system, then i used this font in my project, its worked fine in local system, but when i upload this page to server its not working. How can i install a font in server? or How can i solve this issue?

Please Help me!!!!

Answer 1

With CSS3 it is possible to embed fonts on websites even if it isn't available on the user's machine.

First upload your font to a directory on your server.

Then register that font in your CSS so that you can use it like so:

@font-face {
 font-family: 'Raspoutine Medium';
  src: url(http://site/fonts/Raspoutine Medium.ttf);
}

Then, to use it on elements within your site:

body {
font-family: 'Raspoutine Medium', Arial, Helvetica, san-serif;
}

(see http://www.w3.org/TR/css3-fonts/#the-font-face-rule)

Note that this will only work in select modern browsers, namely current versions of Firefox, Chrome, Safari, Opera, and IE9. IE8 and older versions of IE don't support this so it's good to declare and test the site with a 'fall back' font.

Also note that there may be licensing issues depending on the font..