If you are running a modern CSS 3 compliant web browser, or Internet Explorer, you should see your custom font embedded in the paragraph below:

The quick brown fox jump over the lazy dog near the bank of the river

How to do this?

  • Convert your font (ttf) to eot (web embedable font) using WEFT from Microsoft or ttf2eot online coverter and upload your fonts together with the eot file to your website.
  • Place a CSS3 code on the head section of your site like the sample below
    
    
  • And on your web content do the normal css thing

    The quick brown fox jump over the lazy dog near the bank of the river

    Note that MyCustomFont can be in any name you like, the Arial and Tahoma is just a safe font just in case your browser does not support CSS3