Change Website font style

Question

I m using one of the Font for my website i.e. "Aparajita". Which is not required to be available in every system through which my site is getting accessed.

My problem is it look's different when this font is installed on the browsing PC and some horrible when the same font is not getting installed.

How should i resolve this issue.

Should i install "Aparajita" Font on my hosting Server or what else...

Thanks in advance..

Answer 1

1. Make sure you have legal rights to the font.

2. Make the font available on your web server (i.e. put it in a directory from which it can be served in response to an HTTP request, the same way you would an image or stylesheet).

3. Reference it in your CSS using @font-face.

See: https://developer.mozilla.org/en-US/docs/CSS/@font-face

Font Squirrel has many free fonts and font-related tools. Google Fonts abstracts the whole process is makes it quite easy.

Now that you (hopefully) know what terms to search for, you can find many examples on SO of using custom fonts.

Answer 2

You can use CSS3 @font-face property for use custom font in your website and with the help of this your font will look same on all computers wheather they have insallted that font or not....

You can write like this :-

@font-face {
    font-family: 'MyWebFont';
    src: url('webfont.eot'); /* IE9 Compat Modes */
    src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('webfont.woff') format('woff'), /* Modern Browsers */
         url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
    }

Or Read More About how to use custom fonts for our websites.....

Answer 3

<font face="Your font_family">

Here it is for font style.

<FONT SIZE=7 COLOR=RED>word</FONT></U></B>