Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
32 changes: 31 additions & 1 deletion src/content/docs/fr/reference/experimental-flags/fonts.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -311,7 +311,7 @@ import { Font } from 'astro:assets';

<p>

**Type :** `boolean`<br />
**Type :** `boolean | { weight?: string | number; style?: string; subset?: string }[]`<br />
**Par défaut :** `false`
</p>

Expand All @@ -325,6 +325,36 @@ import { Font } from 'astro:assets';
<Font cssVariable="--font-roboto" preload />
```

Avec la directive `preload`, le navigateur commencera immédiatement à télécharger tous les liens de polices possibles pendant le chargement de la page.

#### Préchargements granulaires

<p>
<Since v="5.15.0" />
</p>

Vous ne souhaiterez peut-être pas toujours précharger chaque lien de police, car cela peut bloquer le chargement d'autres ressources importantes ou télécharger des polices qui ne sont pas nécessaires pour la page actuelle.

Pour contrôler de manière sélective les fichiers de polices préchargés, vous pouvez fournir un tableau d'objets décrivant n'importe quelle combinaison de graisse (`weight`), de `style` ou de sous-ensemble (`subset`) de police à précharger.

L'exemple suivant préchargera uniquement les fichiers de polices avec une graisse de `400` ou un style `normal` dans le sous-ensemble `latin` :

```astro title="src/components/Head.astro" {7-10}
---
import { Font } from 'astro:assets';
---

<Font
cssVariable="--font-roboto"
preload={[
{ subset: 'latin', style: 'normal' },
{ weight: '400' },
]}
/>
```

Les fichiers de polices à graisse variable seront préchargés si une graisse comprise dans leur plage est demandée. Par exemple, un fichier de police pour une graisse de police `100 900` sera inclus lorsque `400` est spécifié dans un objet `preload`.

## Accéder aux données des polices par programmation

La fonction `getFontData()` est destinée à récupérer par programmation des données de famille de polices de niveau inférieur, par exemple, dans une [route d'API](/fr/guides/endpoints/#points-de-terminaison-du-serveur-routes-api) ou pour générer vos propres balises méta.
Expand Down