FWIW, I have a series of folders with the font files and a font style sheet that I can just load all at once
Just link the style sheet and it'd done
Doesn't have to be the same font-family
Code:
/* ----------------------------------------------*/
/* Style sheet to use Georgia fonts -------------*/
/* ----------------------------------------------*/
html, body {
font-family: "Georgia";
}
@font-face {
font-family: "Georgia";
font-weight: normal;
font-style: normal;
src: url(../fonts/Georgia.ttf);
}
@font-face {
font-family: "Georgia";
font-weight: bold;
font-style: normal;
src: url(../fonts/Georgia_Bold.ttf);
}
@font-face {
font-family: "Georgia";
font-weight: normal;
font-style: italic;
src: url(../fonts/Georgia_Italic.ttf);
}
@font-face {
font-family: "Georgia";
font-weight: bold;
font-style: italic;
src: url(../fonts/Georgia_Bold_Italic.ttf);
}