Typography - Getting The Hang Of Typography

(lu) #1

Some good resources for finding great fonts that can be used with font-
face are Font Squirrel and Fontspring.


text-shadow


The text-shadow property allows you to add a shadow to text easily
and purely via CSS. The shadow is applied to both the text and text
decoration if it is present. Also, if the text has text-outline applied to it,
then the shadow is created from the outline rather than from the text.


Neutron Creations Web site uses text-shadow.


With this property you can set the horizontal and vertical position of the
shadow (relative to the text), the color of the shadow and the blur radius.


Here is a complete text-shadow property:


1 p {

(^2) text-shadow: #000000 1px 1px 1px;
3 }
Both the color and blur radius (the last value) are optional. You could also
use an RGBa color for the shadow, making it transparent:

Free download pdf