-
Problema hotlink
Ciao a tutti,
io ho caricato dei font nel mio spazio web Altervista e gli ho richiamati tramite questo codice CSS
Codice:
@font-face {font-family: 'supercell-magicregular';
src: url('http://leonardobarbiero.altervista.org/armoredprophet/font/supercell-magic_51-webfont.eot');
src: url('http://leonardobarbiero.altervista.org/armoredprophet/font/supercell-magic_51-webfont.eot?#iefix') format('embedded-opentype'),
url('http://leonardobarbiero.altervista.org/armoredprophet/font/supercell-magic_51-webfont.woff') format('woff'),
url('http://leonardobarbiero.altervista.org/armoredprophet/font/supercell-magic_51-webfont.ttf') format('truetype'),
url('http://leonardobarbiero.altervista.org/armoredprophet/font/supercell-magic_51-webfont.svg#supercell-magicregular') format('svg');
font-weight: normal;
font-style: normal}
Il problema è che a quanto pare non viene richiamato correttamente, perché? Grazie per l'aiuto :)
-
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';
}
-
Il font devo inserirlo su un sito esterno ad Altervista, ecco perché deve esserci un link assoluto.
-
Puoi indicare l'indirizzo della pagina in questione, in modo da poter controllare direttamente?