OS-sw ver.: CCBot/2.0 (https://commoncrawl.org/faq/)
Login date: 15 Nov 18 - 01:48:28
IP Address: 54.221.75.115Cursore

Registrati

Questa guida aiuta ad ottimizzare il nostro sito ed in particolare i css per ovviare al problema di visualizzazione dei fonts in maniera corretta su I.E. o Firefox ecc ecc.

Per prima cosa partendo da un nostro font ad esempio quello di questo sito, ci scarichiamo il file in locale:

TerminusTTF-4.39.ttf

Lo carichiamo su fontsquirrel a questo url:

http://www.fontsquirrel.com/tools/webfont-generator

Checcare la voce "Expert" e selezionare EOT lite al posto di Compressed.



A questo punto attendiamo che venga elaborato, checkiamo "Yes, the fonts..." e poi lo scarichiamo con "download your kit":




Apriamo lo zip appena generato e ci salviamo i seguenti file da una parte:



Ora apriamo il file css del nostro sito ed editiamolo inserendo queste righe:

@font-face {
  font-family: 'Terminaldos';
    src: url('TerminusTTF-4.39-webfont.eot');
    src: url('TerminusTTF-4.39-webfont.eot?#iefix') format('embedded-opentype'),
         url('TerminusTTF-4.39-webfont.woff2') format('woff2'),
         url('TerminusTTF-4.39-webfont.woff') format('woff'),
         url('TerminusTTF-4.39-webfont.ttf') format('truetype'), <--io ho mantenuto il file originale (TerminusTTF-4.39.ttf) e ho piazzato questa riga prima di url('TerminusTTF- 4.39-webfont.eot?#iefix') format('embedded-opentype'),
         url('TerminusTTF-4.39-webfont.svg#terminus_ttfmedium') format('svg');
}


Non ci resta altro che uploadare il file css e i 5 files generati sul nostro sito.
Visite totali41175
Questo sito web usa i cookies per gestire alcune funzionalità, quali navigazione, autenticazione, commenti, etc. Utilizzando il nostro sito web, accetti l'utilizzo dei cookies.