Personnalisée Google Font (Poppins) dans Tailwind CSS?

Question

Je souhaite utiliser la police Google appelée POPPINS et c'est l'URL de la police https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap. Est-ce que quelqu'un sait chaud pour faire cela?

Answer 1

Voici ce que j'ai fait

Dans votre fichier SCSS principal

@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

ensuite, dans la configuration de Tailwind ....

theme: {
        extend: {
            fontFamily: {
                sans: ['Poppins', ...defaultTheme.fontFamily.sans],
            },