From 149319bb8c7b1394a443f0877c3460cd362aa815 Mon Sep 17 00:00:00 2001 From: julieng Date: Fri, 17 Sep 2021 20:58:15 +0200 Subject: move *.html to *.md --- .../fr/web/css/@font-face/unicode-range/index.html | 107 --------------------- 1 file changed, 107 deletions(-) delete mode 100644 files/fr/web/css/@font-face/unicode-range/index.html (limited to 'files/fr/web/css/@font-face/unicode-range/index.html') diff --git a/files/fr/web/css/@font-face/unicode-range/index.html b/files/fr/web/css/@font-face/unicode-range/index.html deleted file mode 100644 index 75a2fa5342..0000000000 --- a/files/fr/web/css/@font-face/unicode-range/index.html +++ /dev/null @@ -1,107 +0,0 @@ ---- -title: unicode-range -slug: Web/CSS/@font-face/unicode-range -tags: - - CSS - - Descripteur - - Experimental - - Reference -translation_of: Web/CSS/@font-face/unicode-range ---- -
{{cssref}}
- -

Le descripteur unicode-range, associé à la règle @ {{cssxref("@font-face")}}, définit l'intervalle de caractères qui peuvent être représentés par cette police pour la page. Si la page n'utilise aucun caractère de cet intervalle, la police n'est pas téléchargée. Si, au contraire, elle utilise au moins un caractère appartenant à cet intervalle, toute la police est téléchargée.

- -

Le but de ce descripteur est de segmenter les ressources liées aux polices afin que le navigateur puisse ne télécharger que les polices dont il a besoin pour le texte d'un document. Ainsi, un site disposant de nombreuses traductions pourrait proposer des ressources distinctes pour l'anglais, le grec et le japonais et seules les ressources nécessaires (dont les fichiers de polices) seraient téléchargées.

- -

{{cssinfo}}

- -

Syntaxe

- -
/* Valeurs <unicode-range> */
-unicode-range: U+26;                 /* un seul point de code         */
-unicode-range: U+0-7F;
-unicode-range: U+0025-00FF;          /* un intervalle spécifique      */
-unicode-range: U+4??;                /* un intervalle de substitution */
-unicode-range: U+0025-00FF, U+4??;   /* plusieurs valeurs             */
-
- -

Valeurs

- -

Une valeur de type <unicode-range> peut se présenter de trois façons différentes :

- - - -

Syntaxe formelle

- -{{csssyntax}} - -

Exemples

- -

Dans cet exemple, on crée un élément HTML {{HTMLElement("div")}} pour lequel on veut que l'esperluette soit mise en forme avec une police différente. Pour que le résultat soit apparent, on utilisera une police sans empattement pour le texte (Helvetica) et une police avec des empattements (Times New Roman) pour l'esperluette.

- -

CSS

- -

Dans la feuille de style CSS, on définit une règle {{cssxref("@font-face")}} qui n'inclue qu'un seul caractère. Cela signifie que seul ce caractère sera affiché avec cette police. On aurait également pu encadrer l'esperluette dans un élément {{HTMLElement("span")}} et appliquer une autre règle sur cet élément mais on aurait alors eu un balisage plus lourd et une règle spécifique en plus sur la feuille de style.

- -
@font-face {
-  font-family: 'Ampersand';
-  src: local('Times New Roman');
-  unicode-range: U+26;
-}
-
-div {
-  font-size: 4em;
-  font-family: Ampersand, Helvetica, sans-serif;
-}
- -

HTML

- -
<div>Me & You = Us</div>
- -

Résultat de référence (image statique)

- -

- -

Résultat du navigateur

- -

{{EmbedLiveSample("Exemples", 500,104)}}

- -

Spécifications

- - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
{{SpecName('CSS3 Fonts', '#descdef-font-face-unicode-range', 'unicode-range')}}{{Spec2('CSS3 Fonts')}}Définition initiale.
- -

Compatibilité des navigateurs

- -

{{Compat("css.at-rules.font-face.unicode-range")}}

-- cgit v1.2.3-54-g00ecf