Skip to content

Commit 8f28df8

Browse files
ArmandPhilippotdreyfus92
authored andcommitted
i18n(fr): update experimental-flags/fonts.mdx (withastro#12441)
Co-authored-by: paul valladares <[email protected]>
1 parent 405c83f commit 8f28df8

File tree

1 file changed

+44
-1
lines changed
  • src/content/docs/fr/reference/experimental-flags

1 file changed

+44
-1
lines changed

src/content/docs/fr/reference/experimental-flags/fonts.mdx

Lines changed: 44 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -325,6 +325,49 @@ import { Font } from 'astro:assets';
325325
<Font cssVariable="--font-roboto" preload />
326326
```
327327

328+
## Accéder aux données des polices par programmation
329+
330+
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.
331+
332+
### `getFontData()`
333+
<p>
334+
335+
**Type :** `(cssVariable: CssVariable) => FontData[]`<br />
336+
<Since v="5.14.0" />
337+
</p>
338+
339+
Renvoie un tableau d'objets `FontData` pour la [variable CSS (`cssVariable`)](#cssvariable-1) fournie, qui contient `src`, `weight` et `style`.
340+
341+
L'exemple suivant utilise `getFontData()` pour obtenir le tampon de police à partir de l'URL lors de l'utilisation de [satori](https://github.com/vercel/satori) pour générer des images OpenGraph :
342+
343+
```tsx title="src/pages/og.png.ts" "getFontData(\"--font-roboto\")" "data[0].src[0].url"
344+
import type{ APIRoute } from "astro"
345+
import { getFontData } from "astro:assets"
346+
import satori from "satori"
347+
348+
export const GET: APIRoute = (context) => {
349+
const data = getFontData("--font-roboto")
350+
351+
const svg = await satori(
352+
<div style={{ color: "black" }}>hello, world</div>,
353+
{
354+
width: 600,
355+
height: 400,
356+
fonts: [
357+
{
358+
name: "Roboto",
359+
data: await fetch(new URL(data[0].src[0].url, context.url.origin)).then(res => res.arrayBuffer()),
360+
weight: 400,
361+
style: "normal",
362+
},
363+
],
364+
},
365+
)
366+
367+
// ...
368+
}
369+
```
370+
328371
## Référence de configuration des polices
329372

330373
Toutes les propriétés de vos polices doivent être configurées dans la configuration d'Astro. Certaines propriétés sont communes aux polices distantes et locales, tandis que d'autres sont disponibles selon le fournisseur de polices choisi.
@@ -801,4 +844,4 @@ Pour vider le cache en développement, supprimez le répertoire `.astro/fonts`.
801844
802845
## Lectures complémentaires
803846
804-
Pour plus de détails et pour donner votre avis sur cette API expérimentale, consultez [la RFC pour les polices](https://github.com/withastro/roadmap/blob/rfc/fonts/proposals/0052-fonts.md).
847+
Pour plus de détails et pour donner votre avis sur cette API expérimentale, consultez [la RFC pour les polices](https://github.com/withastro/roadmap/blob/rfc/fonts/proposals/0055-fonts.md).

0 commit comments

Comments
 (0)