Non inserire il percorso assoluto.
Se ad esempio devi far vedere questo font in un file come "index.html" che si trova dentro la cartella /armoredprophet/, allora i percorsi saranno:
Codice HTML:
@font-face {font-family: 'supercell-magicregular';
src: url('font/supercell-magic_51-webfont.eot');
src: url('font/supercell-magic_51-webfont.eot?#iefix') format('embedded-opentype'),
url('font/supercell-magic_51-webfont.woff') format('woff'),
url('font/supercell-magic_51-webfont.ttf') format('truetype'),
url('font/supercell-magic_51-webfont.svg#supercell-magicregular') format('svg');
font-weight: normal;
font-style: normal}
Poi assegni il font ad un elemento specifico o per esempio al body:
Codice HTML:
body {
font-family: 'supercell-magicregular';
}