Ramesh Kumar
Mobile Application Development and Downloads

HTML Tutorials : Display Custom Font in Website

How to display HTML code in Browser/HTML Page


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

Go Back
  Home | About Me | Mobile Downloads | Media Downloads | SiteIndex | Contact