Base de connaissances des polices EOT | Aspose.Font

Introduction à la police EOT

Embedded OpenType (EOT) est un format de police principalement utilisé dans le développement Web, mais son utilisation est devenue moins courante ces dernières années au profit de formats plus conviviaux pour le Web. Ils ont été créés pour résoudre les problèmes liés à l’intégration de polices dans les pages Web, notamment pour Internet Explorer. Jetons un coup d’œil à leurs principales caractéristiques :

Ils ont été spécialement conçus pour l’intégration Web, donc adaptés à la conception et au développement Web.
Les polices EOT utilisent la compression des données pour réduire la taille du fichier afin d’optimiser les temps de chargement des pages.
Ils sont bien adaptés pour garantir un rendu des polices cohérent et fiable dans les anciennes versions d’Internet Explorer, en particulier IE 6 à IE 8. Cependant, leur prise en charge est limitée dans d’autres navigateurs Web.
EOT inclut des fonctionnalités de sécurité, telles que l’obscurcissement des polices, conçues pour empêcher la copie et la redistribution non autorisées des polices.
Ils sont généralement intégrés aux pages Web à l’aide de la règle CSS @font-face.
Exiger des mécanismes de police de secours pour garantir que si le navigateur d’un utilisateur ne prend pas en charge les polices EOT, une police alternative appropriée est affichée.

Avantages et inconvénients de la police EOT

Le tableau ci-dessous présente les avantages et les inconvénients des polices EOT, afin que vous puissiez décider de les utiliser ou non dans votre projet.

Avantages	Inconvénients
Compatibilité avec les anciennes versions d’Internet Explorer, en particulier IE 6, IE 7 et IE 8.	Les navigateurs, tels que Mozilla Firefox, Google Chrome et Safari, ne prennent pas en charge nativement les polices EOT.
Inclut des fonctionnalités de sécurité, telles que l’obscurcissement des polices, qui peuvent aider à protéger la police contre la copie et la redistribution non autorisées.	Les polices EOT sont considérées comme une solution héritée et sont moins fréquemment utilisées dans le développement Web moderne.
Utilisez la compression des données, réduisant la taille des fichiers et améliorant les temps de chargement des pages Web.	Certaines licences de polices peuvent interdire ou restreindre la conversion des polices au format EOT.
Peut être utilisé avec d’autres formats de polices, tels que WOFF ou WOFF2, avec des mécanismes de secours.	Les formats de polices modernes comme WOFF2 offrent souvent une meilleure compression que l’EOT.
Les polices EOT peuvent être facilement intégrées dans les pages Web à l’aide de la règle CSS @font-face.	Pour utiliser des polices, vous devrez souvent les convertir dans un format plus pris en charge, ce qui peut augmenter le temps et les efforts de développement.

Détails techniques des polices EOT

Les polices OpenType intégrées comportent des détails techniques spécifiques qui définissent leur format et leur utilisation dans le développement Web :

Les polices EOT sont généralement stockées dans des fichiers portant l’extension « .eot » et peuvent contenir à la fois des données de police TrueType (TTF) et OpenType (OTF).
Ils stockent les données de police, notamment les formes de glyphes, les mesures de police (telles que la montée, la descente et l’espacement des lignes) et d’autres informations relatives aux polices.
Les polices EOT utilisent une méthode de compression de données appelée MicroType Express pour réduire la taille du fichier.
Ces polices incluent un « RootString », qui est un identifiant unique pour la police. Cette chaîne est utilisée à des fins de validation des polices et de sécurité.
Les polices EOT peuvent inclure un obscurcissement des polices, une fonctionnalité de sécurité qui rend plus difficile leur copie et leur redistribution par des utilisateurs non autorisés.
Ils peuvent contenir des métadonnées sur la police, y compris des informations sur le concepteur de la police, les droits d’auteur et les détails de la licence.
Les polices EOT peuvent inclure des informations sur les autorisations d’intégration qui spécifient si la police peut être intégrée dans une page Web et si elle peut être modifiée ou imprimée.
Ils sont généralement utilisés dans le développement Web en les intégrant dans des pages Web à l’aide de la règle CSS @font-face qui spécifie l’emplacement du fichier de police et fournit des informations sur l’épaisseur, le style et d’autres caractéristiques de la police.
Si vous utilisez des polices EOT, vous devez utiliser un format de police alternatif comme solution de secours.
Lorsque vous utilisez des polices EOT, il est essentiel de comprendre les accords de licence de polices. Certaines polices peuvent avoir des restrictions de licence qui affectent leur conversion et leur utilisation au format EOT.

Structure du fichier .eot

Le fichier OpenType intégré se compose de divers segments et tableaux contenant les données de police et les métadonnées nécessaires au rendu de la police sur une page Web. Jetons-y un coup d’oeil :

Le fichier EOT commence par un en-tête qui contient des métadonnées sur la police. Cet en-tête comprend des informations telles que la version du format EOT utilisé et divers indicateurs et propriétés liés à l’intégration des polices.
Le RootString est un identifiant unique pour la police utilisée à des fins de validation et de sécurité. Cette section est suivie par les données de police réelles telles que les formes de glyphes, les mesures de police (montée, descente, espacement des lignes), etc.
Les polices EOT utilisent la compression des données pour réduire la taille du fichier. Cette section contient les données de glyphes compressées essentielles au rendu précis des caractères de la police.
La table de métadonnées contient des informations sur la police, telles que les crédits du concepteur de police, les avis de droits d’auteur et les informations de licence. Il est souvent stocké au format XML dans le fichier EOT.
La table de données privées peut inclure des données personnalisées liées à la police, spécifiques à la police et à son utilisation prévue.
Données d’indication de police (facultatif) fournit des instructions sur la façon de restituer les glyphes de la police dans de petites tailles.
Obscurcissement des polices (en option). 8.Le fichier EOT se termine par un marqueur indiquant la fin des données de police.

Comment les polices EOT restituent-elles les glyphes ?

Les polices OpenType intégrées restituent les glyphes d’une manière similaire aux autres formats. Lorsqu’une page Web utilise une police EOT, le navigateur traite le fichier de police et l’utilise pour afficher du texte à l’écran. Voici un aperçu simplifié du processus :

Lorsqu’une page Web est chargée, le navigateur recherche les déclarations CSS qui spécifient l’utilisation d’une police EOT via la règle @font-face.
Si le navigateur de l’utilisateur prend en charge ce format, il lancera le téléchargement du fichier de police spécifié dans la règle @font-face. Le fichier est récupéré du serveur et temporairement stocké dans le cache du navigateur.
Lors du rendu de la page Web, le moteur de rendu du navigateur recherche les éléments de texte qui utilisent la police EOT. Ensuite, pour chaque caractère ou glyphe du texte, le navigateur recherche les données de glyphe correspondantes dans le fichier de police EOT.
Le navigateur utilise les données de glyphe pour dessiner chaque caractère ou glyphe à l’écran. Cela implique de spécifier la position, la taille et la forme du glyphe à l’aide des informations de crénage et d’espacement du fichier de police.
Pour améliorer la qualité visuelle du texte, les navigateurs modernes appliquent souvent des techniques d’anticrénelage pour lisser les bords des glyphes et réduire la pixellisation.
Les glyphes rendus sont affichés sur l’écran de l’utilisateur dans le cadre du contenu de la page Web. Ils s’intègrent parfaitement à d’autres éléments de la page tels que les images, les arrière-plans et les styles CSS.
Si le navigateur de l’utilisateur ne peut pas charger la police EOT, il utilisera le format de police alternatif spécifié dans la règle @font-face.

Cas d’utilisation des polices EOT

Bien que l’utilisation des polices EOT ait diminué ces dernières années en raison du déclin des anciennes versions d’IE et de la disponibilité de formats de polices plus modernes, il existe encore certains cas d’utilisation dans lesquels les polices EOT peuvent être envisagées :

Maintenir et mettre à jour les projets Web existants conçus et développés à l’époque où Internet Explorer 6, 7 ou 8 était répandu. Ces anciennes versions d’IE présentent des problèmes de compatibilité spécifiques avec les formats de polices modernes tels que WOFF, ce qui fait des polices EOT un choix pratique pour un rendu cohérent.
Applications Web internes ou sites intranet où l’utilisation des polices EOT peut garantir que le texte s’affiche comme prévu dans ces environnements.
Maintenir la cohérence de la marque et garantir que les applications Web et les sites Web d’entreprise affichent correctement les polices dans les anciennes versions d’Internet Explorer.
Dans les scénarios où les polices sont soumises à des accords de licence stricts qui interdisent la conversion vers d’autres formats de police.
Contenu sensible ou payant dans lequel les polices EOT prévalent car elles offrent un obscurcissement des polices et d’autres fonctionnalités de sécurité qui peuvent aider à protéger les polices personnalisées contre la copie et la redistribution non autorisées.
Prise en charge d’IE 6-8.
Dans certains cas, lorsque les pages Web contiennent un mélange de contenu sécurisé (HTTPS) et non sécurisé (HTTP), certains navigateurs peuvent bloquer les ressources de polices non sécurisées.
Commentaires conditionnels en HTML pour cibler des versions spécifiques d’Internet Explorer pour l’intégration de polices.

Comment créer et intégrer une police EOT ?

La création d’une police EOT (Embedded OpenType) implique la conversion d’une police TrueType (TTF) ou OpenType (OTF) existante dans ce format. Pour cela, utilisez les différents outils de conversion de polices disponibles. Voici un guide général étape par étape pour créer une police EOT :

Choisissez la police que vous souhaitez convertir au format EOT.
À l’aide du logiciel de conversion, convertissez la police en EOT.
Vérifiez le résultat en ouvrant le fichier de police EOT via une visionneuse de polices ou un navigateur Web prenant en charge les polices EOT. Cela permettra de garantir que la conversion a réussi et que les glyphes s’affichent correctement.
Si vous utilisez la police EOT pour le développement Web, téléchargez le fichier de police EOT sur votre serveur Web.

Dans votre code CSS, utilisez la règle @font-face pour spécifier l’emplacement de la police et les propriétés permettant de l’intégrer dans vos pages Web. Voir l’exemple ci-dessous :

1    @font-face {
2        font-family: 'MyCustomFont';
3        src: url('myfont.eot'); /* Path to your EOT font file */
4        /* Other font properties (font-weight, font-style, etc.) */
5    }

Appliquez la police EOT à des éléments HTML spécifiques à l’aide de la propriété font-family dans votre CSS. Par exemple:

1    body {
2        font-family: 'YourFontName', sans-serif; /* Use your preferred font name */
3    }

Fournissez des formats de police de secours (par exemple, WOFF ou WOFF2) pour les navigateurs qui ne prennent pas en charge les polices EOT afin de garantir une typographie cohérente dans les différents navigateurs Web.

1    body {
2        font-family: 'YourFontName', Arial, sans-serif; /* Fallback fonts */
3    }

Ouvrez votre page Web dans un navigateur Web prenant en charge les polices EOT (généralement les anciennes versions d’Internet Explorer) pour vous assurer que la police s’affiche correctement. Vous souhaiterez peut-être également tester la page dans différents navigateurs pour vérifier que les polices de secours sont appliquées si nécessaire.
Assurez-vous que vous utilisez la police EOT conformément à ses accords de licence et que vous disposez des droits nécessaires pour l’intégrer sur votre site Web.

Comment optimiser les fichiers EOT ?

L’optimisation des fichiers EOT (Embedded OpenType) est essentielle pour améliorer les performances Web et garantir un chargement rapide de vos pages Web. Voici quelques conseils et techniques pour cela :

Choisissez la bonne police qui répond à vos besoins de conception mais qui n’est pas trop complexe. Les polices comportant moins de glyphes et des contours plus simples génèrent des fichiers plus petits.
Pensez à sous-définir la police pour inclure uniquement les caractères que vous avez l’intention d’utiliser sur votre site Web.
Profitez de la compression intégrée d’EOT. Assurez-vous que les paramètres de compression sont optimisés dans votre outil de conversion de polices.
Utilisez un outil ou un service de conversion de police qui fournit des options pour optimiser la police EOT résultante.
Déterminez si l’obscurcissement des polices est nécessaire pour votre police, car cela peut également augmenter la taille du fichier.
En fonction de la police et de l’utilisation prévue, vous souhaiterez peut-être appliquer des indications lors de la conversion de la police.
Consultez les conditions de licence de la police, car certaines polices peuvent avoir des restrictions d’intégration, ce qui pourrait affecter l’optimisation de la police.
Combinez plusieurs fichiers de polices en un seul fichier EOT si votre site Web utilise plusieurs polices. Réduire le nombre de requêtes HTTP peut améliorer les temps de chargement des pages.
Hébergez vos fichiers de polices EOT sur un réseau de diffusion de contenu (CDN) pour obtenir une livraison et une mise en cache plus rapides, ce qui peut améliorer les performances Web globales.
Si votre serveur Web le prend en charge, activez la compression Gzip pour vos fichiers de polices. Les fichiers EOT compressés peuvent réduire davantage la taille du fichier pendant la transmission. -Testez et surveillez régulièrement les performances de votre site Web.

Conclusion

Les polices EOT ont joué un rôle important dans l’histoire de la typographie Web, en particulier lorsque les anciennes versions d’Internet Explorer étaient utilisées. Développés par Microsoft, ils ont été conçus pour vous offrir un rendu des polices cohérent et fiable.

EOT dispose d’un ensemble de fonctionnalités et de mesures de sécurité, notamment la compression des données, l’obscurcissement des polices et les autorisations d’intégration de polices, faisant de ce format un outil précieux pour les concepteurs et les développeurs Web.

Cependant, à mesure que les navigateurs modernes gagnaient en popularité, l’utilisation des polices EOT a diminué et les formats de police tels que WOFF/WOFF2 sont devenus le choix préféré pour le développement Web. Ces formats offraient des performances supérieures, une meilleure compression et une compatibilité plus large entre navigateurs.

Aujourd’hui, les polices EOT sont considérées comme une solution héritée, principalement utilisée dans des scénarios spécifiques, tels que la maintenance d’anciens projets Web, la prise en charge d’environnements d’entreprise ou le respect des restrictions de licence de polices.

Polices CFF Polices PFA et PFB