@font-face in CSS... va bene?

Question

Sul mio sito web, la mia famiglia di caratteri è Tw Cen MT, Gill Sans, Century Gothic, sans-serif.Ovviamente, non tutti lo avranno Tw Cen MT, quindi ho scelto di provare il @font-face metodo.

Ecco il mio CSS:

@font-face { font-family: Tw Cen MT; src: local("Tw Cen MT"),  url(fonts/TwCenMT.ttf) }

Alcune domande:

1. Funzionerà con tutti i browser moderni (Firefox, Chrome, Safari e IE8)?

2. Non l'ho ancora testato perché ho il font.Questo metodo funziona per te quando visiti il ​​mio home page?

3. il carattere è un file di grandi dimensioni.Riscontri tempi di caricamento lunghi quando visiti il ​​mio sito?

Grazie mille in anticipo

Answer 1

Tecnicamente funzionerà nelle ultime versioni di tutti i browser che hai menzionato, anche se ci sono alcuni "trucchi", soprattutto riguardo a IE. Qui c'è un collegamento che approfondisce l'argomento in modo più dettagliato.

Il tempo di caricamento della visita al tuo sito è stato breve (<1 secondo), ma non sono sicuro di quale carattere abbia effettivamente estratto poiché non ho familiarità con tutti i caratteri nel tuo stack.

Per quanto ne so, Questo è la fonte canonica per la sintassi @font-face, anche se ho avuto problemi anche con questo.

Nella mia esperienza, la risposta breve è che sebbene @font-face sia tecnicamente ampiamente supportato, in pratica può essere difficile da ottenere.

Answer 2

Dal punto di vista non tecnico, sei sicuro che la tua licenza per i font lo consenta?La maggior parte dei produttori di font commerciali sarebbero molto, molto sconvolto dal fatto che i loro caratteri vengano forniti non protetti per il download su Internet in quel modo.

Non farti denunciare.

Answer 3

Questi ragazzi dice che va bene purché racchiudi l'URL tra "virgolette doppie" e termini ogni riga all'interno del carattere con un punto e virgola;

Answer 4

Guardare https://browserlab.adobe.com/ per testarlo su diversi browser.O, http://litmusapp.com/browser-testing.Spero che aiuti.