|
@font-face {
..font-family: "Fontin";
..font-weight: normal;
..font-style: normal;
..src: url(fonts/Fontin-Regular.ttf)
}
@font-face {
..font-family: "Fontin";
..font-weight: bold;
..font-style: normal;
..src: url(fonts/Fontin-Bold.ttf)
}
@font-face {
..font-family: "Fontin";
..font-weight: normal;
..font-style: italic;
..src: url(fonts/Fontin-Italic.ttf)
}
That is the CSS code to specify the fonts. Now to embed the fonts, create a directory called fonts in the same directory that has the CSS file.
Now to use the font, put in...
body {
..font-family: "Fontin", serif
}
and anyplace else it needs to go depending on the CSS.
|