astro fonts next

astro-fonts-next

Cette intégration applique la solution d'optimisation des polices suivante.js à Astro. Référence: https://nextjs.org/docs/basic-deatures/font-optimisation

Installation

yarn add -D astro-fonts-next

Usage

 // astro.config.mjs
import { defineConfig } from 'astro/config'
import fonts from 'astro-fonts-next'

export default defineConfig ( {
  integrations : [
    fonts ( { url : 'https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap' } ) ,
    // fonts({ url: 'https://use.typekit.net/~~~~~.css' }),
    // or
    fonts ( {
      url : [
        'https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap' ,
        'https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap' ,
      ] ,
    } ) ,
  ] ,
  experimental : {
    integrations : true ,
  } ,
} ) 

Référence de l'API

Intégration

import fonts from 'astro-fonts-next'

clé	taper	requis	défaut	description
URL	string | string[]	vrai		Le lien réel avec le fournisseur de polices à utiliser. Vous pouvez en spécifier plus d'un dans le tableau. (par exemple <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet"> → https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap )

Licence

Astro-Fontts-next est disponible sous la licence MIT.