Follow these steps to get Custom Font in your website
Need custom fonts in your website? Now its ease to implement the custom font into your website.
- Select the font you want to add in your website.
- Convert the font to ".EOT and .ttf"
- You can convert your font format to EOT and ttf format for free from http://www.font2web.com/
- Now you will be having font with .EOT format. Almost Done !!!
-
Add the below code into stylesheet file
@font-face
{
font-family:Rupee_Font;
src: url('Rupee_Font.EOT');
src: local(Rupee_Font), url('Rupee_Font.ttf') format('opentype');
}
Now add this code into the same css file
h1
{
font-family:Rupee_Font;
display:inline;
}
Now you will get the custom font in your html file wherever you use <H1> Custom Text Here <H1/> Tag
*Check license of the font you are converting.
IMPORTANT: Place all your converted fonts into your website/folder and should give parh to the .css file.
Now you will get the custom font in your html file wherever you use <H1> Custom Text Here <H1/> Tag
*Check license of the font you are converting.
WARNING: It Wont work for IE9 Browser, See Custom fonts in Internet Explorer 9
|
|