Comment ajouter une police Google Fonts sur Webflow ?

Dans ce tutoriel, Sandro cofondateur de l'agence Webflow Gemeos vous montre comment ajouter une police Google Fonts à votre projet Webflow.

1. Utilisez l'intégration native Webflow

Dans le Designer, sélectionnez un élément texte. Dans le panneau Typography, cliquez sur le sélecteur de font. La liste inclut directement les polices Google Fonts les plus populaires. Sélectionnez votre police et choisissez les graisses nécessaires.

2. Ajoutez une police Google Fonts non listée

Pour une police absente de la liste native, allez sur fonts.google.com, sélectionnez votre police et les graisses voulues. Copiez le code <link> fourni et collez-le dans Project Settings > Custom Code > Head. La police sera ensuite disponible dans Webflow en saisissant son nom dans le champ Font Family.

3. Limitez les graisses chargées

Chaque graisse est un fichier supplémentaire. N'importez que les graisses que vous utilisez réellement (généralement Regular 400 et Bold 700 suffisent). Dans l'URL Google Fonts, modifiez le paramètre wght@400;700 selon vos besoins.

Conclusion

Google Fonts s'intègre en quelques clics dans Webflow. Pour les polices custom : uploader une police custom sur Webflow.