Google Web Font Effects

This demo shows several font effects using Google Web Font service.

Google Web Font Spec.

<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed&effect=shadow-multiple|emboss|3d' rel='stylesheet' type='text/css'>
		

Multiple Shadow Effect

This is Awesome!

HTML

<p class="font-effect-shadow-multiple">This is Awesome!</p>
		

Emboss Effect

I'm Pressed

HTML

<p class="font-effect-emboss">I'm Pressed</p>
		

3D Effect

Look I'm 3D-ed

HTML

<p class="font-effect-3d">Look I'm 3D-ed</p>