How to install a Font in server

Question

Hi,

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

Even if you install the font in your server it does not mean that the font should work when your users try to access the site. The font has to be installed in all the machines that is going to access it so if your site is public you can't make every user to install the font. So a good practice and recommended method is to use default fonts.

Another option is to check out Google Fonts API. Advantages are

* A choice of high quality open source fonts.
* Works in most browsers.
* Extremely easy to use.

Answer 2

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..