Comment changer la police en réaction

Comment changer la police dans React : 1. Vérifiez la compatibilité du navigateur de l'attribut CSS3 "@font-face" ; 2. Placez le nom de la police que vous souhaitez utiliser dans le répertoire assets ; " Définissez "font" dans "index.css", puis vous pourrez utiliser la nouvelle police globalement.

L'environnement d'exploitation de ce tutoriel : système Windows 10, React version 18.0.0, ordinateur Dell G3.

Comment changer la police dans React ?

Utilisez votre propre police dans React

J'ai satisfait aujourd'hui à l'exigence d'utiliser une police spécifique dans le projet. Parce que le nombre de mots est grand et qu'il est pratique pour les effets ultérieurs, j'ai adopté la règle @font-face de CSS3. .

1. Jetons d'abord un coup d'œil à la compatibilité : nous avons constaté que la plupart des navigateurs prennent déjà en charge

la plupart des navigateurs prennent déjà en charge

2. Ensuite, jetons un coup d'œil à sa syntaxe : la chose la plus importante est la famille de polices. Utilisé pour spécifier un nom de police personnalisé, src est utilisé pour spécifier le chemin de la police, les autres attributs sont facultatifs

la syntaxe, font-family et src sont requis

3. La dernière façon de l'utiliser dans React : first in. actifs Placez le nom de la police que vous souhaitez utiliser dans le répertoire, puis définissez la police dans index.css appelée par index.js, et vous pourrez ensuite l'utiliser globalement

Mettez le fichier de police dans src

Introduction au fichier index.css le plus externe

Apprentissage recommandé : "Tutoriel vidéo React"

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!