En el siguiente texto vamos a hacer que estos pseudo-elementos inserten el texto "Tipo: " antes de cada subtítulo, el ícono de una flecha al final de cada párrafo y la palabra "Fin" al final de la página.
La hoja de estilo es:
H3:before {content: "Tipo: "}
P:after {content: url("flecha.gif")}
BODY:after {content: "Fin"; display: block;}
Tienen poco contraste en el grosor de sus trazos, modulación inclinada y serif moderados (Garamond, Caslon, Times).
Con serif fino y recto, mucho contraste en sus trazos y modulación vertical (Bodoni, Didot, Modern 20).
Con serif moderado como las antiguas pero con may