Mobile Friendly Website


Doing it with style

CSS DEMOS@font-face - true-type fonts

Date : 20th October 2009

For all modern browsers

ttf fonts for your web pages

Have you ever wanted to use a 'non-standard ' font in your web pages? Well, now things are looking up and several browsers are able to display ttf fonts using just CSS. If you are viewing this page in the latest versions of Firefox, Opera, IE6, IE7, IE8 and Safari (Mac) then this font is
' Artbrush Medium TTF '.

See the information below.


If you want a good selection of ttf fonts that will work in this way then just visit Font Squirrel 2 where you will find downloads of .ttf and .eot in '@font-face Kit' zip files which contain all you need to get you started.

Tested in IE6, IE7, IE8, Firefox, Opera and Safari(Mac)

Browsers that do not understand will just see the text in 'Arial' or 'sans-serif' fonts.

Because of all the time and effort spent in producing this demonstration I would ask that you respect my copyright.

  1. If you are using this on a personal web site then please retain the copyright comment in the stylesheet.
    A support donation is now required for this demonstration.
  2. If you are using this on a commercial web site, or as a paying job for a client, then please email me asking for permission - stu{at} and again a support donation is required.
  3. If you are having problems integrating any of my demonstrations into your website then I now offer a service to fault find and correct any errors that you may have introduced. Please email me for more information.


Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.


Facebook Twitter rss feed Facebook Fan Page