font-optical-sizing - Propriété CSS
Résumé des caractéristiques de la propriété font-optical-sizing
auto
| none
auto
font-optical-sizing
passe d'une valeur à l'autre sans transition.Description de la propriété font-optical-sizing
.
font-optical-sizing
autorise ou non le navigateur a appliquer une optimisation du glyphe des caractères
en fonction de leur taille.
Par exemple, pour une esthétique optimale, il convient de réduire la graisse des caractères et la longueur
des empattements lorsque la taille augmente. A l'inverse, sur de petits caractères, une épaisseur plus importante
des traits améliore la lisibilité.
La possibilité d'optimiser la forme des caractères en fonction de leur taille est fortement liée
à la police utilisée.
Cette fonctionnalité est prise en charge par les polices WOFF
sous le code 'opsz'. Reportez-vous à la propriété font-feature-settings
pour plus d'informations
sur les possibilité des polices WOFF.
Syntaxes pour font-optical-sizing
.
- font-optical-sizing: auto;
Le navigateur optimise la forme des caractères en fonction de leur taille et des possibilités de la police utilisée.
- font-optical-sizing: none;
Le navigateur n'effectue aucune optimisation de la forme des caractères.
- font-optical-sizing:
initial
; font-optical-sizing:inherit
; font-optical-sizing:revert
; font-optical-sizing:revert-layer
; font-optical-sizing:unset
;La valeur initiale est :
.auto
Animation de la propriété font-optical-sizing
.
La norme W3C indique que font-optical-sizing
peut être animée. Cependant il sera probablement difficile de créer
des effets visuels intéressants avec l'animation de cette propriété.
Simulateur.
Police Amstelvar Alpha
disponible sur GitHub.
Prise en charge par les navigateurs (compatibilité).
La propriété font-optical-sizing
est maintenant correctement prise en charge par la plupart des navigateurs courants.
font-optical-sizing
Navigateurs sur ordinateurs :
Navigateurs sur mobiles :
Navigateurs obsolètes ou marginaux :
Androïd Brower
Chrome
Chrome pour Androïd
Edge
Firefox
Firefox pour Androïd
Internet Explorer
Opéra
Opéra Mobile
Safari
Safari sur IOS
Samsung Internet
Voir aussi, dans le même module de standardisation que font-optical-sizing
.
Les spécifications CSS éditées par le W3C sont organisées en modules. font-optical-sizing
fait partie du Module CSS - Polices de caractères (CSS Fonts Module). Les définitions suivantes sont également décrites dans ce même module.