In this video, Michael Locke demonstrates the quickest way to embed real fonts on your website using Google Webfonts, without having to write any @font-face CSS declarations or mess around with different file formats.
Cross-browser support is included too, without any extra work!
@font-face Without The Fuss
The free Google Webfonts service features hundreds of custom typefaces to choose from and an easy way to browse and test-drive them. They’re suitable for everything from headlines to body copy and handwriting to billboard displays.
While the service uses the @font-face CSS declaration, and serves up all the correct filetypes for different operating systems and browsers, you won’t have to get your hands dirty with any of the custom code – it’s as easy as copy/pasting!
The tutorial has great sound and is super basic, which I love, and he doesn’t stop at simple embedding – the video also demonstrates how to modify the appearance of the fonts using standard CSS font styles, including color, font-size, letter-spacing and text-shadow.
Where are you using Google Webfonts? What crazy styles have you applied to them?
Links:
Google Webfonts
Original Video
Pingback: Shape and Size Do Matter. Yep, We're Talking Fonts!
Pingback: Drop a Custom Font in There Using @font-face!