Main navigation

Examples

This page shows a few webfont examples. Note that you need a recent webbrowser that supports webfonts (Firefox 3.5+, Opera 10+, Safari 4+, or Google Chrome with "--enable-remote-fonts" enabled) to see the fonts). Internet Explorer does not support webfonts yet.

Adding a font to your website

Adding a font to your website is pretty easy. All you need is a very basic understanding of CSS and a font. The following steps will guide you to adding a font to your website:

  1. Upload the font you want to use to your website.
  2. Add the following code to your stylesheet to load the font:
    @font-face {
    font-family: "<font name>";
    src: url('location/of/your/font.ttf') format("truetype");
    }
  3. Now you can use the font like regular fonts:
    div {
    font-family: "<font name>";
    }

Custom handwriting fonts

Always wanted to have your own handwriting on your website as a personal touch?? Check out the http://www.yourfonts.com service! In a few simple steps it will convert your handwriting into a TrueType font that can be used on your pc and on the web!
Hello world! This is a webfont generated by YourFonts.com