Problema per font personalizzato con @fontface
Autore: Luigi G.Salve a tutti ci sto impazzendo da 2 giorni ma non riesco a trovare soluzione...
Faccio un riepilogo perchè magari può essere utile ai colleghi che ci leggono...
Il mio intento è quello di aggiungere nuovi fonts con il sistema @fontface così facendo li possono visualizzare tutti gli utenti anche non avendoli istallati sui loro pc...
utilizzando passo passo la guida http://answers.websitex5.com/post/26507
1) Mi sono procurato i webfonts in 4 diversi formati: EOT, WOFF, TIF e SVG. (free licence)
2) Ho istallato sul mio pc il file font TIF per poterlo visualizzare nell'editor websiteX5.
3) Dopodichè ho eseguito questo passo:
- Al passo 1 - Impostazioni Generali, accedere alla sezione Esperto e nel campo Codice personalizzato per la sezione HEAD copiare il seguente codice:
<link href="files/<span class="underline">sm_65modernwebfonts.css" type="text/css" rel="stylesheet">
Ho cambiato il nome del file da - sm_65modernwebfonts.css - a - stylesheet.css
4) Al passo 3 – Creazione della Pagina, inserire un Oggetto HTML e Widget nella Home Page (o in una qualsiasi altra pagina): nella modalità esperto importare tutti i file relativi ai webfonts utilizzati nel progetto in modo che vengano allegati al codice e quindi automaticamente pubblicati sul Server. Per ogni webfonts utilizzato occorre importare i relativi file EOT, WOFF, TIF e SVG e il file CSS creato (in questo caso il "stylesheet.css") . Nella finestra Pubblica file collegato, occorre lasciare files come Percorso relativo su Server.
4) Ho creato la mia home page creando un nuovo file di testo assegnando al testo il font che avevo installato al punto 2.
Pubblico tutto et voilà.... NON FUNZIONAAA!!!! Perchè?
Per facilitare le prove potete scaricare il progetto insieme ai webfonts nei 4 diversi formati: EOT, WOFF, TIF e SVG + il file stylesheet.cssda questo link: http://www.pennegratis.com/sito/prova font.rar
questo è il progetto pubblicato sul web: http://www.pennegratis.com/sito/
è ovvio che bisogna provare ad aprire il sito su un pc dove non c'è installato il font in questione per verificarne il funzionamento.
Ho provato anche con molto altri fonts credendo che fosse un problema di incopatibilità di carattere con i vari broswer ma niente...
Grazie mille per il vostro aiuto!!!
Guarda qui e vedi se riesci a capire sbirciando il codice:
http://mibo.altervista.org/calcio/
Al passo 1 in Head:
<style type="text/css"> @font-face{ font-family: 'Gloucester MT Extra Condensed'; src: url('files/GLECB.TTF'); } </style>
poi esporti nella cartella files/GLECB.TTF.....ovviamente mettendo il tuo font....
La font-family non coincide con quella dichiarata nel CSS: www.pennegratis.com/sito/files/stylesheet.css
Nel testo in WS è stato usato il nome: "Alex Brush" quindi nel suddetto CSS devi modificarlo, vedi immagine:
http://www.webalice.it/lemonsong/pennegratis.png
_______ oltre il 5° step ________
http://www.unofficialwsx5.com