Questo è il tipico codice per la direttiva font-face :
@font-face {
font-family: 'AmaranthRegular';
src: url('../font/Amaranth-webfont.eot');
src: url('../font/Amaranth-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/Amaranth-webfont.woff') format('woff'),
url('../font/Amaranth-webfont.ttf') format('truetype'),
url('../font/Amaranth-webfont.svg#AmaranthRegular') format('svg');
font-weight: normal;
font-style: normal;
}
incollo solo la variante "normal" per semplicità, ricordati che ogni font può avere più varianti.
adesso la regola per utilizzarlo:
p {
font-family: 'AmaranthRegular', arial, tahoma;
font-size: 12px;
color: #cccccc
}