CSS-Typografie mit der Schrift Verdana

Wie die Typografie aussieht, sieht man anhand der Beispielseite Typografie mit Verdana und die Datei gibt es auch als Download  Verdana Typografie.

/* TYPOGRAPHY BOX elements -------------------------------------- */

body {
font-family: verdana, arial, helvetica, sans-serif;
}

h1 {
font-size:2.3em;
font-weight:normal;
padding:0 0 0.3em;
line-height:1.2em;
}
h2 {
padding: 0.5em 0 .3em 0;
font-size: 1.7em;
font-style: italic;
line-height: 1.3em;
}
h3 {
font-size:1.3em;
font-weight:bold;
padding: 0.5em 0 0.4em 0;
}
h4 {
font-size: 1.1em;
font-weight: normal;
padding: 0.5em 0 .4em 0;
}
h5 {
font-size: 1.0em;
font-weight: normal;
padding: 0.5em 0 .4em 0;
}
h6 {
font-size: .9em;
font-weight: normal;
padding: 0.5em 0 .4em 0;
}

p {
font-size: .9em;
line-height: 1.35em;
padding: 0 0 1em 0;
}

blockquote {
font-style: italic;
line-height: 1.35em;
font-size: .9em;
padding: 0 1em 2em 2em;
}

pre {
font-family:"Andale Mono","Lucida Console","Bitstream Vera Sans Mono","Courier New",monospace;
padding: 1.5em 0;
}

ul {
margin: 0.5em 0 1em 1.5em;
list-style-type: square;
}
ol {
padding: 0.5em 0 1em 1.9em;
list-style: decimal;
list-style-position:outside;
}
li {
line-height:1.5em;
font-size: .81em;
}
li li {
line-height:1.5em;
font-size: 1em;
}
li li li {
line-height:1.3em;
font-size: 1em;
}

dl {
padding: 0.5em 0 1em 0;
font-size: .81em;
line-height:1.2em;
}
dt {
font-weight: bold;
padding: 0 0 .3em 0;
}
dd {
padding: 0 0 1em 1.5em;
}

address {
font-size: .81em;
line-height:1.2em;
}

img a {
border: none;
}


/* TYPOGRAPHY INLINE elements -------------------------------------- */

a:link {
border-bottom: 1px solid;
text-decoration: none;
font-weight: bold;
}
a:visited {
font-weight: bold;
border-bottom: 1px solid;
text-decoration: none;
}
a:hover {
border-bottom: 2px solid;
}
a:active {
}
a:focus {
}

code, tt, kbd {
font-family: "Andale Mono","Lucida Console","Bitstream Vera Sans Mono","Courier New",monospace;
background: #ff0;
padding: .3em;
}

cite {
display: block;
font-family: Times New Roman, Garamond, georgia, serif;
font-size: 1.0em;
padding: 0.5em 0 1.5em 18em;
}
cite span {
text-align: right;
display: block;
}

em {}
strong {}
code {}
samp {}
kbd {}
tt {}
var {}
cite {}
dfn {}
abbr {}
acronym {}
strike {}
small { font-size: .81em}
span {}
strike {}
sub {}
sup {}
u {}
del {}

/* TABLE elements -------------------------------------- */

table {
margin: 0.5em 0 2em 0;
width: 100%;
}
tfoot td {
border-top: 1px solid;
border-bottom: 0;
padding: 0;
}
th {
font-size: .9em;
letter-spacing: .1em;
font-variant: small-caps;
padding: .3em 1em .2em 0;
border-bottom: 2px solid;
}
td {
font-size: .81em;
line-height:1.3em;
padding: 0.4em 0.5em 0.4em 0;
border-top: 1px solid;
}
tr:hover {
background: #f0f0f0;
}

/* FORM elements -------------------------------------- */

form {}
fieldset {}
legend {}
input {}
textarea {}
select {}

/* ADDITIONAL elements -------------------------------------- */

.teaser {
font-size: 1em;
padding: 0 0 .7em 0;
font-weight:bold;
line-height:1.3em;
padding:0 0 0.7em;
}
.alignleft {
margin: 0.4em 1em 0.4em 0;
float: left;
}
.alignright {
margin: 0.4em 0 0.4em 1em;
float: right;
}
p.textalignright {
text-align: right;
}