Comment ajouter des polices personnalisées à un projet Create-React-App ?

Ajout de polices aux projets Create-React-App

À l'aide d'importations

Cette méthode recommandée intègre des polices dans le pipeline de construction. Pour y parvenir :

• Importez un fichier CSS depuis JS (par exemple, importez './index.css').
• Polices de référence dans le fichier CSS en utilisant des chemins relatifs commençant par . / (par exemple, @font-face { src: local('MyFont'), url(./fonts/MyFont.woff) }).

En utilisant le dossier public

Vous pouvez également gérer manuellement les polices dans le dossier public :

• Placez les polices dans un emplacement du dossier public (par exemple, public/fonts/MyFont.woff).
• Ajouter un au fichier CSS à partir de public/index.html (par exemple, ).
• Utilisez la notation CSS standard pour référencer les polices dans le fichier CSS, en tenant compte des chemins relatifs (par exemple, @font-face { src: local('MyFont'), url(fonts/MyFont.woff) }).

Recommandation

Optez pour la méthode "Utilisation des importations" pour les avantages suivants :

• Construire l'intégration du pipeline
• Hachage pour la mise en cache du navigateur
• Erreurs de compilation pour les fichiers manquants

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!