Font-language-override - Propriété CSS

font-language-override

Résumé des caractéristiques de la propriété font-language-override

Description rapide
Définit le langage à prendre en compte lors du choix des caractères.
Statut
Problèmes de compatibilité ⚠
Utilisable sur
HTML
Valeurs prédéfinies
normal
Pourcentages
Ne s'appliquent pas.
Valeur initiale
normal
Héritée par défaut
Oui.
Type d'animation
Discrète : lors d'une animation, la propriété font-language-override passe d'une valeur à l'autre sans transition.
Module W3C
Module CSS - Polices de caractères
Références (W3C)
 🡇  
 🡅  
Statut du document: WD (document de travail)
Statut du document: WD (document de travail)

Description de la propriété font-language-override.

Spécifier la langue utilisée sur une page web est indispensable, ne serait-ce que pour que le navigateur traite correctement les caractères spécifiques à cette langue (diacritiques), mais aussi pour permettre la vérification de l'orthographe ou de la grammaire, ou la substitution des caractères.

Cette dernière fonctionnalité inclut la notion de ligature, qui consiste à remplacer certaines combinaison de lettres par un caractère unique : par exemple oe devient œ ou encore fi devient fi. Les formats de police modernes comme OTF contiennent les informations nécessaires pour effectuer ces remplacements. Mais ces derniers sont dépendants de la langue du texte.

En principe l'indication de la langue se fait par l'attribut lang directement dans le HTML :

Exemple : body lang="en"

Mais il peut arriver que l'on souhaite indiquer une langue différente pour une partie du contenu, par exemple si on souhaite citer un mot dans une langue étrangère. Dans ce cas, la propriété font-language-override est utile, mais cela reste des cas très particuliers et assez rares.

Syntaxes pour font-language-override.

  • font-language-override: normal;

    Aucune indication particulière : la langue de l'élément est la même que celle de son parent ou celle du système.

  • font-language-override: 'ESP';

    La langue de l'élément est celle dont le code est indiqué. Attention ! Ce code est sensible à la casse et est le plus souvent composé de 3 ou 4 lettres en majuscules.

    Une liste des codes est consultable sur la page Language System Tags. Si le code indiqué ne correspond à aucune langue, la règle est simplement ignorée.

Valeurs standards acceptées par toutes les propriétés:

font-language-override: initial (normal) font-language-override: inherit font-language-override: revert font-language-override: revertLayer font-language-override: unset

Liens vers la présentation de ces différentes valeurs : initial, inherit, revert, revert-layer, unset.

Animation de la propriété font-language-override.

L'animation de la propriété font-language-override est possible mais présente vraiment peu d'intérêt.

Simulateur avec la propriété font-language-override.

Le simulateur ci-dessous présente un texte choisi pour la présence de ligatures (fi). Mais celles-ci ne sont pas utilisées en langue turque (code TRK). Observez que la propriété font-language-override désactive bien les ligatures quand on choisit cette langue.

La police choisie est "Fira Sans" en format OTF.

font-language-override :
Les ligatures sont dépendantes de la langues
fi, ffi, ff

Prise en charge par les navigateurs (compatibilité).

La propriété font-language-override est encore trop peu prise en charge pour qu'elle soit utilisable dans les développements.

Colonne 1
Support de la propriété font-language-override pour définir, de façon exceptionnelle, la langue du texte.
1
Propriété
font-language-override
Estimation de la prise en charge globale.
2%

Navigateurs sur ordinateurs :

Navigateurs sur mobiles :

Navigateurs obsolètes ou marginaux :

Internet Explorer

Baidu Browser

QQ Browser

Opéra Mobile

Firefox

Chrome

Safari

Edge

Opéra

Chrome pour Androïd

Safari sur IOS

Samsung Internet

UC Browser pour Androïd

Androïd Brower

Firefox pour Androïd

KaiOS Browser

Opéra mini

Voir le site Caniuse.com pour plus d'informations de compatibilité.
Caniuse

Historique de la propriété font-language-override.

Voir aussi, à propos des polices de caractères.

Les propriétés concernant les polices de caractères sont nombreuses. On trouve également des directives et des descriptors. Ces définitions sont regroupées dans le module CSS Fonts Module. Vous trouvez les définitions suivantes :

Propriétés :

font
Raccourci pour définir la plupart des propriétés concernant les polices de caractères.
✗
font-effect
Permet d'appliquer quelques effets au texte : relief, bordure...
font-family
Sélectionne une police de caractères parmi celles qui sont disponibles ou celles qui sont téléchargées.
⚠
font-feature-settings
Permet d'exploiter les fonctionnalités spécifiques des polices de caractères OTF, WOFF, etc.
font-kerning
Ajustement du crénage entre caractères.
⚠
font-optical-sizing
Optimise la forme des caractères en fonction de leur taille.
font-palette
Définit la palette de couleurs utilisable pour les polices de caractères colorées.
font-size
Ajuste la taille des caractères, ce qui impacte aussi les units comme em, ex, etc.
font-size-adjust
Définition du coefficient d'aspect de la police.
✗
font-smooth
Définit si un algorithme de lissage doit être utilisé et lequel.
font-stretch
Modifie l'étirement ou la compression des caractères.
font-style
Sélectionne les styles italique ou oblique de la police de caractères.
font-synthesis
Autorise ou non le calcul des styles manquants dans la police de caractères.
⚠
font-synthesis-position
Autorise ou non le navigateur à synthétiser les caractères en exposant ou en indice.
⚠
font-synthesis-small-caps
Autorise ou non le navigateur à calculer le glyphes des caractères en petites capitales.
⚠
font-synthesis-style
Définit si le navigateur est autorisé à synthétiser les formes italiques des caractères.
⚠
font-synthesis-weight
Définit si le navigateur peut calculer ou non le glyphe des caractères gras.
font-variant
Raccourci permettant de définir les attributs typographiques évolués : ligatures, substitution de caractères, etc.
font-variant-alternates
Définit la substitution de caractères (polices OTF, WOFF).
font-variant-caps
Applique une capitalisation des caractères.
font-variant-east-asian
Typographie spécifique aux caractères chinois ou japonais.
⚠
font-variant-emoji
Choisit entre une présentation en emoji ou en texte.
font-variant-ligatures
Active ou désactive la ligature des caractères.
font-variant-numeric
Définit le mode d'affichage des nombres évolués : fractions, numéros, etc.
font-variant-position
Mise en exposant ou en indice des caractères.
⚠
font-variation-settings
Donne accès aux possibilités stylistiques des polices OTF.
font-weight
Sélectionne une graisse pour les caractères.
font-width
Synonyme de font-stretch (largeur/élargissement des caractères).

Fonctions :

⚠
palette-mix()
Établit le mélange de deux palettes de couleurs issus de deux polices de caractères différentes.

Directives :

@font-face
Définit tous les paramètres d'une police de caractères téléchargeable.
⚠
@font-feature-values
Définit les variantes typographiques à utiliser.
@font-palette-values
Définit une palette de couleurs applicable ensuite à une police de caractères.

Descripteurs :

ascent-override
Descripteur pour @font-face. Définit la hauteur des caractères au dessus de la ligne de base.
descent-override
Descripteur pour @font-face. Définit la hauteur des caractères au dessous de la ligne de base.
⚠
font-display
Descripteur pour @font-face. Détermine le comportement du navigateur face aux polices de caractères longues à charger.
line-gap-override
Descripteur pour @font-face. Définit l'interligne de la police.
src
Définit la source d'un fichier de police de caractères à télécharger, ou d'une image à afficher.
unicode-range
Descripteur pour @font-face. Définit la plage des codes de caractères à télécharger dans une police.