@font-face defines a new font family:
Code:
@font-face {
font-family: "whatever";
src: url('../fonts/whatever.ttf') format("truetype");
}
In the above case, we now have a font definition called "whatever" that points to the true-type font "whatever.ttf".
Once defined, it can be called through CSS like any other font:
Code:
p {
font-family: "whatever";
font-size: 14px;
}
Make sure that your font file paths are correct, that the font file exists, and that the pink footer text is using the correct font definition.