Custom fonts in websites

If you are wanting to use custom fonts in websites this is possible by using the following code:


@font-face {
    font-family: fontname;
    src: url('../fonts/fontname.ttf');
}

Keep in mind that good old Internet Explorer fails the test when using the above code so you have to convert the fonts to another format (EOF) and then create a custom css file for IE which contains the following:

@font-face {
    font-family: fontname;
    src: url('../fonts/fontname.eot');
}

Once you have that you can then start referencing the font name in your CSS. This is a really cool feature but not all browsers support this as yet. Give it a go and I am sure you will be most impressed with the outcome.