CATALOGUE Design et Infographie Formation InDesign InDesign CC - Créer une Web App avec in5

Conserver les Avantages des Polices OpenType en HTML

Retour à la formation
Chapitre 5 Leçon 5
Précédent
Suivant

Apprenez à conserver les fonctionnalités des polices OpenType tout en rendant le texte sélectionnable et indexable.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous vous montrons une astuce essentielle pour bénéficier des polices OpenType avec toutes leurs caractéristiques typographiques dans un format HTML. Les fonctionnalités comme les lettres ornées, les capitales ornées et les ligatures ne peuvent pas être directement transférées en HTML sans perdre en qualité. Par conséquent, nous devrons vectoriser les éléments textuels pour conserver une apparence homogène et esthétique lors des zooms.

Nous illustrerons cette méthode en utilisant des calques masqués, une technique bien connue des utilisateurs d'Illustrator. Sur un calque masqué, placez vos blocs de texte, vectorisez-les puis copiez-les sur le calque principal. Ensuite, utilisez les options d'exportation d'objets pour ajouter du texte alternatif, permettant aux moteurs de recherche et aux logiciels d'assistance de lire et d'indexer correctement votre contenu.

Objectifs de cette leçon

L'objectif de cette vidéo est de vous apprendre à utiliser les polices OpenType efficacement en HTML tout en maintenant une bonne qualité visuelle et une accessibilité optimale pour les moteurs de recherche et les utilisateurs de logiciels d'assistance.

Prérequis pour cette leçon

Pour suivre cette vidéo, il est recommandé de posséder des connaissances de base en HTML et en utilisation de logiciels graphiques comme Illustrator.

Métiers concernés

Les professionnels concernés par ce sujet incluent les web designers, graphistes, développeurs front-end et créateurs de contenu numérique.

Alternatives et ressources

Les solutions alternatives incluent l'utilisation de polices web compatibles ou le recours à des scripts JavaScript pour simuler les fonctionnalités des polices OpenType.

Questions & Réponses

Il est nécessaire de vectoriser le texte pour conserver les polices OpenType en HTML afin de préserver leur qualité visuelle, notamment les ornements et les ligatures, qui ne peuvent pas être rendus correctement en HTML.
Les polices OpenType disposent de fonctionnalités avancées telles que les lettres ornées, les capitales ornementées et les ligatures qui améliorent significativement l'esthétique typographique.
Vectoriser un élément textuel permet de maintenir sa qualité visuelle à toute échelle de zoom, tandis que pixeliser le rend en image bitmap, ce qui peut entraîner une perte de qualité et de clarté lors des agrandissements.