Base di conoscenza dei caratteri EOT | Aspose.Font

Introduzione al carattere EOT

Embedded OpenType (EOT) è un formato di carattere utilizzato principalmente nello sviluppo web, ma il suo utilizzo è diventato meno comune negli ultimi anni a favore di quelli più adatti al web. Sono stati creati per affrontare i problemi relativi all’incorporamento dei caratteri nelle pagine Web, in particolare per Internet Explorer. Diamo un’occhiata alle loro caratteristiche chiave:

Sono stati progettati specificamente per l’incorporamento del web, quindi adatti per il web design e lo sviluppo.
I caratteri EOT utilizzano la compressione dei dati per ridurre la dimensione del file per ottimizzare i tempi di caricamento della pagina.
Sono adatti per garantire il rendering di font coerente e affidabile nelle versioni precedenti di Internet Explorer, in particolare da 6 a IE 8. Tuttavia, hanno un supporto limitato in altri browser Web.
EOT include caratteristiche di sicurezza, come l’offuscamento dei caratteri, progettate per prevenire la copia e la ridistribuzione non autorizzate dei caratteri.
Sono in genere integrati nelle pagine Web utilizzando la regola CSS @Font-Face.
Richiedi meccanismi di carattere fallback per garantire che se il browser di un utente non supporta i caratteri EOT, viene visualizzato un carattere alternativo adatto.

Vantaggi e svantaggi del carattere EOT

La tabella seguente mostra i pro e i contro dei caratteri EOT, quindi potresti decidere se usarlo nel tuo progetto o meno.

Pro	Contro
Compatibilità con le versioni precedenti di Internet Explorer, in particolare IE 6, IE 7 e IE 8.	Browser come Mozilla Firefox, Google Chrome e Safari non supportano nativamente i font EOT.
Includono funzionalità di sicurezza, come l’offuscamento dei font, che possono contribuire a proteggere il font da copie e ridistribuzioni non autorizzate.	I font EOT sono considerati una soluzione obsoleta e vengono utilizzati meno frequentemente nello sviluppo web moderno.
Utilizzano la compressione dei dati, riducendo le dimensioni dei file e migliorando i tempi di caricamento delle pagine web.	Alcune licenze dei font potrebbero vietare o limitare la conversione dei font nel formato EOT.
Possono essere utilizzati insieme ad altri formati di font, come WOFF o WOFF2, con meccanismi di fallback.	I formati di font moderni come WOFF2 spesso offrono una compressione migliore rispetto a EOT.
I font EOT possono essere facilmente integrati nelle pagine web utilizzando la regola CSS @font-face.	Per utilizzare i font, spesso è necessario convertirli in un formato più supportato, il che può aumentare i tempi e gli sforzi di sviluppo.

Dettagli tecnici dei caratteri EOT

I caratteri Opentype incorporati hanno dettagli tecnici specifici che definiscono il loro formato e l’uso nello sviluppo web:

I caratteri EOT sono in genere archiviati in file con un’estensione del file “.eot” e possono contenere sia i dati di carattere TrueType (TTF) che OpenType (OTF).
Archiviano i dati dei caratteri, tra cui forme glifi, metriche di carattere (come ascesa, discesa e gap di linea) e altre informazioni relative al carattere.
I caratteri EOT utilizzano un metodo di compressione dei dati chiamato Microtype Express per ridurre la dimensione del file.
Questi caratteri tipografici includono un “rootstring”, che è un identificatore univoco per il carattere. Questa stringa viene utilizzata per la convalida dei caratteri e la sicurezza.
I caratteri EOT possono includere l’offuscamento dei caratteri, una funzione di sicurezza che rende più difficile per gli utenti non autorizzati copiarli e ridistribuirli.
Possono contenere metadati sul carattere, comprese le informazioni sui dettagli del designer di caratteri, del copyright e delle licenze.
I caratteri EOT possono includere informazioni sulle autorizzazioni di incorporamento che specificano se il carattere può essere incorporato in una pagina Web e se può essere modificato o stampato.
Sono in genere utilizzati nello sviluppo web incorporandoli nelle pagine Web utilizzando la regola CSS @Font-Face che specifica la posizione del file del carattere e fornisce informazioni sul peso, lo stile e altre caratteristiche del carattere.
Se usi i caratteri EOT, è necessario utilizzare un formato di carattere alternativo come fallback.
Quando si utilizzano caratteri EOT, è essenziale comprendere gli accordi di licenze di carattere. Alcuni caratteri possono avere restrizioni di licenze che incidono sulla loro conversione e utilizzo in formato EOT.

Struttura del file .eot

Il file OpenType incorporato è costituito da vari segmenti e tabelle che contengono i dati dei caratteri e i metadati necessari per rendere il carattere su una pagina Web. Diamo un’occhiata:

Il file EOT inizia con un’intestazione **** che contiene metadati sul carattere. Questa intestazione include informazioni come la versione del formato EOT utilizzato e varie bandiere e proprietà relative all’incorporamento dei caratteri.2.Rootstring è un identificatore univoco per il carattere utilizzato per scopi di convalida e sicurezza. Questa sezione è seguita dai dati di carattere effettivi come forme di glifo, metriche dei caratteri (ascesa, discesa, gap di linea), ecc.
Fonts EOT Utilizzare Compressione dei dati per ridurre la dimensione del file. Questa sezione contiene i dati di glifi compressi essenziali per rendere accuratamente i caratteri del carattere.
La tabella dei metadati contiene informazioni sul carattere, come i crediti di carattere, gli avvisi di copyright e le informazioni sulle licenze. È spesso archiviato in formato XML all’interno del file EOT.
La Tabella di dati privati  può includere dati personalizzati relativi al carattere specifico per il carattere e il suo utilizzo previsto.
Dati di suggerimento del carattere (Optionaly) fornisce istruzioni su come rendere gli glifi del carattere a piccole dimensioni.
OBFUSCAZIONE DI FONT (Optionaly).
Il file EOT termina con un marcatore che indica la fine dei dati del carattere.

In che modo i caratteri EOT rendono i glifi?

I caratteri Opentype incorporati rendono glifi in un modo simile ad altri formati. Quando una pagina Web utilizza un carattere EOT, il browser elabora il file del carattere e lo utilizza per visualizzare il testo sullo schermo. Ecco una panoramica semplificata del processo:

Quando viene caricata una pagina Web, il browser cerca dichiarazioni CSS che specificano l’uso di un carattere EOT tramite la regola della faccia di font @.
Se il browser dell’utente supporta questo formato, avvierà il download del file di carattere specificato nella regola @font-face. Il file viene recuperato dal server e archiviato temporaneamente nella cache del browser.
Man mano che la pagina Web esegue il rendering, il motore di rendering del browser cerca elementi di testo che utilizzano il carattere EOT. Quindi per ogni carattere o glifo nel testo, il browser guarda i dati di glifi corrispondenti nel file del carattere EOT.
Il browser utilizza i dati glifi per disegnare ogni carattere o glifo sullo schermo. Ciò comporta la specifica della posizione, delle dimensioni e della forma del glifo usando le informazioni di kerning e spaziatura dal file del carattere.
Per migliorare la qualità visiva del testo, i browser moderni spesso applicano tecniche anti-aliasing per appianare i bordi dei glifi e ridurre la pixelation.
Gli glifi resi vengono visualizzati sullo schermo dell’utente come parte del contenuto della pagina Web. Sono integrati perfettamente con altri elementi di pagina come immagini, sfondi e stili CSS.
Se il browser dell’utente non è in grado di caricare il carattere EOT, tornerà a utilizzare il formato di carattere alternativo della regola della faccia del carattere @.

Casi d’uso per i caratteri EOT

Mentre l’utilizzo dei caratteri EOT è diminuito negli ultimi anni a causa del declino delle versioni IE più vecchie e della disponibilità di formati di carattere più moderni, ci sono ancora alcuni casi d’uso in cui i caratteri EOT possono essere considerati:

Il mantenimento e l’aggiornamento di progetti Web legacy progettati e sviluppati quando Internet Explorer 6, 7 o 8 era prevalente. Queste versioni precedenti di IE hanno problemi di compatibilità specifici con moderni formati di carattere come WOFF, rendendo i caratteri EOT una scelta pratica per il rendering coerente.
Le applicazioni Web interne o i siti Intranet in cui l’utilizzo di caratteri EOT può garantire che il testo venga visualizzato come previsto in questi ambienti.
Mantenere la coerenza del marchio e garantire che le applicazioni Web aziendali e i siti Web rendano i caratteri correttamente nelle versioni precedenti di Internet Explorer.
Negli scenari in cui i caratteri hanno accordi di licenza rigorosi che vietano la conversione in altri formati di carattere.
Contenuti sensibili o pagati in cui i caratteri EOT sono prevalsati perché offrono offuscamento dei caratteri e altre caratteristiche di sicurezza che possono aiutare a proteggere i caratteri personalizzati da copia e ridistribuzione non autorizzate.
Supporto per IE 6-8.
In alcuni casi, quando le pagine Web contengono un mix di contenuto sicuro (HTTPS) e non sicurezza (HTTP), alcuni browser possono bloccare le risorse di carattere non sicure.- Commenti condizionali in HTML per targeting versioni specifiche di Internet Explorer per l’incorporamento del carattere.

Come creare e incorporare il carattere EOT?

La creazione di un carattere EOT (OpenType incorporato) comporta la conversione di un carattere TrueType (TTF) o OpenType (OTF) esistente in questo formato. Per questo, utilizzare vari strumenti di conversione dei caratteri disponibili. Ecco una guida generale passo-passo per creare un carattere EOT:

Scegli il carattere che vuoi convertire in formato EOT.
Utilizzando il software di conversione, converti il carattere in EOT.
Verificare l’output aprendo il file del carattere EOT tramite uno visualizzatore di caratteri o un browser Web che supporta i caratteri EOT. Ciò contribuirà a garantire che la conversione abbia avuto successo e che gli glifi rendano correttamente.
Se stai utilizzando il carattere EOT per lo sviluppo Web, carica il file del carattere EOT sul tuo server Web.

Nel codice CSS, usa la regola del font-face per specificare la posizione e le proprietà del carattere per l’incorporamento nelle pagine Web. Vedi l’esempio seguente:

1    @font-face {
2        Font-Family: "MyCustomfont";
3        src: url ('myfont.eot'); / * Path to the Eot Font File */
4        / * Altre proprietà del carattere (font-peso, stile del carattere, ecc.) */
5    }

Applicare il carattere EOT su specifici elementi HTML utilizzando la proprietà del carattere familiare nel tuo CSS. Per esempio:

1    body {
2        Font-Family: 'YourfontName', sans-serif; / * Usa il nome del carattere preferito */
3    }

Fornire formati di caratteri fallback (ad es. WOFF o WOFF2) per i browser che non supportano i caratteri EOT per garantire una tipografia coerente attraverso diversi browser Web.

1    body {
2        Font-Family: "YourfontName", Arial, sans-serif; / * Fonti di fallback */
3    }

Apri la tua pagina Web in un browser Web che supporta i caratteri EOT (in genere versioni più vecchie di Internet Explorer) per garantire che il carattere stia rendendo correttamente. Potresti anche voler testare la pagina in vari browser per verificare che i caratteri di fallback vengano applicati ove necessario.
Assicurati di utilizzare il carattere EOT in conformità con i suoi accordi di licenza e di avere i diritti necessari per incorporarlo sul tuo sito Web.

Come ottimizzare i file EOT?

L’ottimizzazione dei file EOT (Embedded OpenType) è essenziale per migliorare le prestazioni Web e garantire che le pagine Web si caricano rapidamente. Ecco alcuni suggerimenti e tecniche per questo:

Scegli il carattere giusto che soddisfi le tue esigenze di progettazione ma non è eccessivamente complesso. I caratteri con meno glifi e contorni più semplici si traducono in file più piccoli.
Considera di sottolineare il carattere per includere solo i caratteri che intendi utilizzare sul tuo sito Web.
Approfitta della compressione integrata di EOT. Assicurarsi che le impostazioni di compressione siano ottimizzate nello strumento di conversione dei caratteri.
Utilizzare uno strumento di conversione o un servizio di carattere che fornisce opzioni per ottimizzare il carattere EOT risultante.
Considera se l’offuscamento del carattere è necessario per il carattere perché può anche aumentare le dimensioni del file.
A seconda del carattere e dell’utilizzo previsto, potresti voler applicare un suggerimento durante la conversione del carattere.
Rivedere i termini delle licenze del carattere in quanto alcuni caratteri potrebbero avere restrizioni all’incorporamento, che potrebbero influire sull’ottimizzazione del carattere.
Combina più file di carattere in un singolo file EOT se il tuo sito Web utilizza più caratteri. La riduzione del numero di richieste HTTP può migliorare i tempi di caricamento della pagina.
Ospita i tuoi file di carattere EOT su una rete di consegna dei contenuti (CDN) per ottenere una consegna e una memorizzazione nella cache più rapide, che possono migliorare le prestazioni Web complessive.
Se il tuo server Web lo supporta, abilita la compressione GZIP per i file di carattere. I file EOT GZZIPED possono ridurre ulteriormente la dimensione del file durante la trasmissione. -In test e monitora le prestazioni del tuo sito Web.

Conclusione##

I caratteri EOT hanno svolto un ruolo significativo nella storia della tipografia web, in particolare quando erano in uso versioni precedenti di Internet Explorer. Sviluppati da Microsoft, sono stati progettati per offrirti un rendering di carattere coerente e affidabile.

EOT ha una serie di funzionalità e misure di sicurezza, tra cui compressione dei dati, offuscamento dei caratteri e autorizzazioni di incorporamento dei caratteri, rendendo questo formato uno strumento prezioso per web designer e sviluppatori.

Tuttavia, poiché i browser moderni hanno guadagnato popolarità, l’uso dei caratteri EOT è caduto e formati di carattere come Woff/ Woff2 sono diventati la scelta preferita per lo sviluppo web. Questi formati offrivano prestazioni superiori, una migliore compressione e una più ampia compatibilità tra browser.

Oggi, i caratteri EOT sono considerati una soluzione legacy, utilizzata principalmente in scenari specifici, come il mantenimento di progetti Web più vecchi, il supporto di ambienti aziendali o il rispetto delle restrizioni di licenze di carattere.

Caratteri CFF Caratteri PFA e PFB