Making your Drupal website beautiful with web fonts

Get the slides!: slideshare.net/fourkitchens/making-drupal-beautiful-with-web-fonts

The web font revolution is here!

In this presentation you will learn how to make your Drupal website (or any website) beautiful with high-quality web fonts that work in any browser and on any device.

For years, web designers have only had access to about 12 “web safe” fonts to choose from which became increasingly annoying. From this frustration, font replacement solutions began to emerge such as sIFR and Cufon, but these required Flash and Javascript. Finally, in just the past year the @font-face syntax has matured, and with the support from all major browsers, designers now have access to thousands of fonts by only using HTML and CSS.

In addition to learning how to host your own fonts, we will also talk about the rise of font hosting services and how they can make the entire process easier. For a low annual fee, these services give you access to thousands of high-quality fonts and handle the headache of dealing with licenses and multiple font file types so you don’t have to.

Topics covered in this presentation

• Drupal modules to manage web fonts
• An overview of font hosting services like Typekit, fonts.com, and Google Web Fonts
• Web font formats: WOFF, EOT, TTF, SVG
• How to implement a bulletbroof @font-face syntax on your site
• The current state of browser support
• @font-face kits and how to generate your own
• Where to find commercial and free/open source web fonts