Web Font Gallery

A little gallery showcasing creative demos of web fonts combined with the possibilities of CSS 3

May 13
Mark Otto creating amazing 3D text with multiple drop shadows only

Mark Otto creating amazing 3D text with multiple drop shadows only


Apr 23
css-tricks.com having fun with blurred text using transparent text, text-shadow, modernizr and jQuery

css-tricks.com having fun with blurred text using transparent text, text-shadow, modernizr and jQuery


Mar 22
mozillademos.org’s Planetarium using a nice choice of typefaces and some text-shadow. And you can learn something about our solar system, too!

mozillademos.org’s Planetarium using a nice choice of typefaces and some text-shadow. And you can learn something about our solar system, too!


Mar 9
The Chartwell font family uses OpenType ligatures to change numbers to charts. The really nice part is that the non-ligature fallback still makes sense because users and user agents will see the numbers then.

The Chartwell font family uses OpenType ligatures to change numbers to charts. The really nice part is that the non-ligature fallback still makes sense because users and user agents will see the numbers then.


Marco van Hylckama Vlieg using text-shadow, box-shadow and a clever choice of fonts

Marco van Hylckama Vlieg using text-shadow, box-shadow and a clever choice of fonts


Mar 6
css-tricks.com using lettering.js, background-clip, transitions and some jQuery

css-tricks.com using lettering.js, background-clip, transitions and some jQuery


neography.com using rotation, text-shadow and box-shadow

neography.com using rotation, text-shadow and box-shadow


Jason Santa Maria for the Lost World’s Fairs series using lettering.js: Moon

Jason Santa Maria for the Lost World’s Fairs series using lettering.js: Moon


simurai using CSS 3 transitions, text-shadows and rotation

simurai using CSS 3 transitions, text-shadows and rotation


Trent Walton using text-shadow and background-clip

Trent Walton using text-shadow and background-clip


Page 1 of 2