Exempel Typografi

gistfile1.css

/* importerar typsnitt från en fil 'Anivers.otf' i samma mapp som style.css */
@font-face {
	font-family: Anivers;
	src: url('Anivers.otf');
}

/* sätter typsnitt, storlek och justering för hela dokumentet */
html, body {
    font-family: Helvetica, sans-serif;
    font-size:0.8em; /* em är storlek relativt webbläsarens normalstorlek. Användbart för läsbarhet */
    text-align: left; /* vänsterjustering av brödtext är att rekommendera pga typografiskt undermålig justering i HTML... */
}

/* skriver över typsnitt, storlek och justering för rubriker */
h1, h2, h3 {
    font-family: Anivers;
    font-size:1.1em;
    text-align: center;
}

/* sätter ett större radavstånd för brödtext */
p {
    line-height: 1.2em;
}