HTML and CSS Reference
In-Depth Information
other languages, keeping the file
size down.
Click the Download @font-face
Kit button to download a zip file
of everything you'll need.
5
Look in the zip file you've down-
loaded. It contains the following:
Each font in the formats you
selected
A style-sheet file that you can
include directly in your pages
A web page demonstrating the
font
Here's a rule from the included stylesheet.css file:
@font-face {
font-family: 'GentiumBasicRegular';
src: url('GenBasR-webfont.eot');
src: url('GenBasR-webfont.eot?iefix') format('eot'),
url('GenBasR-webfont.woff') format('woff'),
url('GenBasR-webfont.ttf') format('truetype'),
url('GenBasR-webfont.svg#webfontLblSsz1O') format('svg');
font-weight: normal;
font-style: normal;
}
6
And here's a rule from the
HTML
file, demonstrating how it
should be used:
p.style1 {
font: 18px/27px
