Fonts for web are getting interesting thanks to @font-face, says matm’s design team

Friday 26th November 2010   by Stuart Bickerton

How frustrating is it when your carefully crafted piece of printed material needs ‘translating’ onto the web and your choice of typefaces is dramatically reduced? Well, help is at hand in the form of CSS3 @font-face.

In short, @font-face allows designers to use fonts stored online, reducing the need to rely on the standard web selection that we’ve grown accustomed to, says Lindsay Crayton, Senior Creative at matm marketing, graphic design, web and PR agency at Jackfield near Telford, Shropshire.

Things are looking quite positive with the majority of modern web browsers supporting @font-face. And, yes, Internet Explorer is one of them.

If you’re getting started, Font squirrel could be your saviour. You can parcel up your own font selections and have them converted to the correct file formats. They also have a large selection ready to download to help you get started.

Always check that fonts have the appropriate licensing before use!

We’re not in a position to wave goodbye to Verdana just yet. But, with @font-face, web typography is getting interesting.

Check out the links below for more information on licensing, formats and examples.

10 free fonts for @font-face embedding
@font-face tutorial
font-face.com
webfonts.info