Exporter (0) Imprimer
Développer tout
Ce sujet n'a pas encore été évalué - Évaluez ce sujet

Polices

La typographie Web fait un grand pas en avant avec la prise en charge du contrôle de niveau inférieur sur les fonctionnalités de disposition OpenType dans Internet Explorer 10 et les applications du Windows Store en JavaScript. La propriété font-feature-settings, définie dans la section 6.12 de la spécification CSS Fonts Module Level 3 de W3C (World Wide Web Consortium), vous permet de spécifier des substitutions et des positionnements de glyphes dans les polices qui incluent les fonctionnalités de disposition Microsoft OpenType.

Cette rubrique contient les sections suivantes :

Fonctionnalités typographiques

La spécification OpenType définit de nombreuses fonctionnalités typographiques avancées pouvant être implémentées par les concepteurs de polices. Par exemple, vous pouvez définir un positionnement vertical pour une police, remplacer des formes de glyphe par des ligatures, des variantes contextuelles, des styles de substitution ou des paraphes, inclure un jeu de petites minuscules, etc.

Chaque fonctionnalité définie possède une balise de fonctionnalité correspondante qui identifie sa fonction et ses effets. Les développeurs de polices peuvent aussi définir leurs propres polices. En examinant la balise d’une fonctionnalité, Internet Explorer 10 et les applications du Windows Store en JavaScript déterminent ce que fait cette fonctionnalité et s’il faut l’implémenter. Le tableau suivant répertorie certaines des balises de fonctionnalité les plus courantes accompagnées de leur définition. La liste complète des fonctionnalités de disposition OpenType est disponible dans le registre des balises de fonctionnalité de disposition OpenType.

BaliseDescription

kern

Kerning

smcp

Petites capitales

liga

Ligatures standard

dlig

Ligatures discrétionnaires

ss01, ss02, ss03 ... ss20

Ensembles stylistiques (propres aux polices)

swsh

Paraphe

tnum

Chiffres tabulaires

lnum

Chiffres alignés

onum

Chiffres bas-de-casse

 

Remarque  Si vous ne connaissez pas les fonctionnalités de police répertoriées dans ce tableau, la spécification « CSS Fonts Module Level 3 » fournit des explications claires et des exemples visuels de ces fonctionnalités à la Section 6, « Font feature properties » (propriétés des fonctionnalités de police). Notez, cependant, que bien que les propriétés répertoriées correspondent aux fonctionnalités de disposition OpenType pouvant être prises en charge dans Internet Explorer 10 et les applications du Windows Store en JavaScript, les propriétés elles-mêmes (font-kerning, font-variant-*, etc.) ne sont pas prises en charge.

Implémentation des fonctionnalités de disposition OpenType

Pour utiliser les fonctionnalités de disposition OpenType, vous devez d’abord utiliser une police qui inclut une ou plusieurs fonctionnalités. Pour plus d’informations sur l’activation d’une conception typographique avancée (comprenant liaison de police « font linking » et formats de police pris en charge), voir Optimisation de la conception typographique de votre site Web avec CSS3.

Après avoir défini la liaison de polices en utilisant une police dotée des fonctionnalités de disposition OpenType intégrées, implémentez ces fonctionnalités à l’aide de la propriété font-feature-settings. Dans Internet Explorer 10 et les applications du Windows Store en JavaScript, la syntaxe de cette propriété est la suivante, où "feat" représente une balise de fonctionnalité de disposition OpenType :

font-feature-settings: "feat" 1;

La valeur "1" suivant la balise de fonctionnalité est un toggle (basculement) booléen. Si aucune valeur n’est spécifiée, la déclaration est traitée comme si la valeur "1" suivait la balise. La valeur "0" désactive la balise.

Par exemple, si vous vouliez activer des ligatures discrétionnaires sur une police qui les inclut, vous appliqueriez la déclaration suivante au sélecteur approprié :


font-feature-settings: "dlig" 1;

Pour implémenter plusieurs fonctionnalités de police sur OpenType sur une sélection de texte, il vous suffit d’indiquer chaque balise correspondante et son toggle en les séparant par une virgule.


font-feature-settings: "dlig" 1, "ss02" 1, "case" 1;

Actuellement, le seul autre navigateur prenant en charge les fonctionnalités de disposition OpenType est Mozilla Firefox. Sa syntaxe est légèrement différente de celle prise en charge dans Internet Explorer 10 et les applications du Windows Store en JavaScript. Pour plus d’informations, voir Référence CSS : Extensions Mozilla. Notez que, à mesure que CSS Fonts Module Level 3 est développé, la syntaxe peut changer.

Remarque  La version de cette propriété utilisant un préfixe de fournisseur, -ms-font-feature-settings, est obsolète. Afin de garantir la compatibilité à l’avenir, les applications qui utilisent cette propriété avec un préfixe de fournisseur doivent être mises à jour en conséquence.

Rubriques associées

CSS
Guide du développeur Internet Explorer 10

 

 

Cela vous a-t-il été utile ?
(1500 caractères restants)
Merci pour vos suggestions.
Afficher:
© 2014 Microsoft. Tous droits réservés.