HTML and CSS Reference
In-Depth Information
Test drive the normal-weight headings
Here's what your CSS should look like after you make the change to
use a normal
font-weight
for the
<h2>
headings:
@font-face {
...
}
body {
font-family: Verdana, Geneva, Arial, sans-serif;
font-size: small;
}
h1 {
font-family: "Emblema One", sans-serif;
font-size: 220%;
}
h2 {
font-size: 130%;
font-weight: normal;
}
Her
e we're cha
nging the f
ont-weight
of
the <h2> h
eadings to
normal.
And here are the results. The <h2>
headings are now lighter looking.
You can still tell they are headings
because they are 130% the size of
the body text.