Incorporamento di caratteri commerciali nei siti Web

Question

Buona sera signore e signori!

Ricerca di una soluzione cross-browser per incorporare caratteri commerciali come HelveticaNeue o Univers ecc. Ho trovato alcuni approcci promettenti.

Prima di tutto elencherò qui tutti gli approcci trovati, moderni e facili da usare:

1. sIFR
2. Cuf & # 243; n
3. typeface.js
4. CSS3 font-face

sIFR è ben noto e un po 'facile da implementare, ma come so, non come facile in quanto è solo per i fratelli Javascript, Cuf & # 243; ne typface.js.

Cuf & # 243; n ha attirato la mia attenzione, poiché rende un po 'meglio di typeface.js e crea file di caratteri di dimensioni inferiori. Apparentemente non esiste un modo legale per usarlo con qualsiasi carattere commerciale là fuori, che non può essere incorporato in questo tipo di soluzione.

Per typeface.js si applica la stessa situazione, che differisce solo in fatto, che non è nemmeno in grado di convertire i caratteri con una licenza, che vieta di incorporarlo nei siti Web.

Ultimo ma non meno importante c'è questa "nuova" proprietà CSS, chiamata font-face, che è incredibilmente facile da usare, ma per il nostro amato IE dobbiamo convertire i file in file EOT (Embedable OpenType).

Pertanto sono necessarie dichiarazioni CSS speciali per IE, per poterlo fare usa questi caratteri all'interno del browser.

La domanda ora è:

Qual è l'approccio migliore per utilizzare tali caratteri commerciali sui siti Web? Usa i caratteri gratuiti solo d'ora in poi con Cuf & # 243; n oppure converti tutti i caratteri usati in EOT file e utilizzarli insieme a font-face?

Grazie per le tue risposte ben argomentate, lo apprezzo molto!

Answer 1

Finalmente dopo alcune ore di ricerca e test ho trovato MOLTO bella soluzione per incorporare caratteri speciali nei siti Web.

L'uso dell'approccio tramite CSS3 font-face è la soluzione migliore.

L'unica cosa ambientale che devi fare per IE è la conversione i tuoi caratteri TrueType (purtroppo OTF non funziona.) in File EOT. Microsoft WEFT è una soluzione, ma il modo MIGLIORE per fare questo, è usare lo strumento open source 'ttf2eot', che può essere trovato qui: http://code.google.com/p/ttf2eot/

Un frontend basato sul web può essere trovato alla ricerca di "kirsle wizards" su Google.

L'unica cosa da notare è il supporto del browser ...

IE4,5,6,7,8 utilizzano i file EOT, mentre il supporto TTF è solo fornito dalle versioni di Firefox > = 3.1. Informazioni su Safari e Opera Non ne sono sicuro, ma Safari 4 ha funzionato per me e anche Opera 10.

(Quindi Chrome non lo supporta, suppongo, a causa dell'uso di una versione webkit precedente ?!)

In base alle statistiche di tracciamento dei clienti della nostra agenzia " solo " Dal 15 al 20% dei loro visitatori utilizza browser incompatibili come Firefox 2.0 o 3.0, versioni precedenti di Safari o Opera o Chrome.

Answer 2

La parte inferiore di questa pagina contiene informazioni su come farlo utilizzando HTML e CSS semplici: http://www.albinoblacksheep.com/text/font