WebSite X5Help Center

 
Luigi G.
Luigi G.
User

Problema per font personalizzato con @fontface  it

Author: Luigi G.
Visited 2966, Followers 2, Shared 0  

Salve a tutti ci sto impazzendo da 2 giorni ma non riesco a trovare soluzione...Frown

Faccio un riepilogo perchè magari può essere utile ai colleghi che ci leggono...Wink

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!!!

Posted on the
3 ANSWERS
Mirko Boschetti
Mirko Boschetti
Moderator

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.... Wink

Read more
Posted on the from Mirko Boschetti