Comment ajouter manuellement 800 polices Google dans le thème WordPress

Publié: 2022-10-16

En supposant que vous souhaitiez une introduction sur la façon d'ajouter manuellement 800 polices Google dans les thèmes WordPress : L'ajout manuel de 800 polices Google dans les thèmes WordPress peut être effectué en téléchargeant d'abord la bibliothèque Google Fonts. Deuxièmement, décompressez le fichier et téléchargez les polices sur votre serveur Web. Enfin, ajoutez le code CSS à la feuille de style de votre thème WordPress.

L'ajout manuel d'une police Google à votre contenu organique est un excellent moyen de vous assurer que votre contenu organique est correctement organisé. Il faut 10 minutes pour faire les thèmes. L'utilisation des polices Google vous épargnera certaines des tâches fastidieuses laissées par d'autres polices. Si vous n'avez aucune expérience en conception, envisagez d'utiliser les polices Typekit ou @. Même si vous n'avez pas besoin de licence, vous devrez installer et héberger les polices Web pour votre serveur. Vous pouvez utiliser Google Font quand vous le souhaitez en sélectionnant le bouton Utilisation rapide, qui se trouve au bas de l'image. Le code doit être ajouté avant la fermeture.

Une fois le code ajouté, ajoutez un nouveau fichier au répertoire du thème pour indiquer quelle police il doit utiliser. Les nouvelles modifications mettront à jour votre feuille de style et créeront une nouvelle police Google pour l'ensemble de votre corps de texte. Si votre nouvelle police ne s'affiche pas, vous devez connaître le nom de la police, qui doit être correctement orthographié suivi d'une virgule et entouré de guillemets simples. Installez le plugin Easy Google Font pour obtenir l'intégralité du répertoire Google Font dans WordPress.

Comment ajouter une police Google personnalisée à WordPress ?

Crédit : Crunchify

Ajouter une police Google personnalisée à WordPress est un processus relativement simple. Tout d'abord, vous devez trouver une police Google personnalisée que vous souhaitez utiliser sur votre site WordPress. Il existe un certain nombre de sites qui proposent des polices personnalisées gratuites , comme https://www.fontsquirrel.com/. Une fois que vous avez trouvé une police que vous aimez, vous devez la télécharger sur votre ordinateur. Ensuite, vous devez télécharger le fichier de police sur votre site WordPress. Vous pouvez le faire en vous rendant sur la page Apparence > Éditeur dans votre zone d'administration WordPress. Sur cette page, vous devez localiser le fichier Feuille de style (style.css) dans la barre latérale droite et cliquer dessus pour le sélectionner. Une fois le fichier de feuille de style (style.css) ouvert, vous devez faire défiler le fichier jusqu'en bas et ajouter le code suivant : @font-face { font-family: 'Custom Font Name'; src : url('url-police-personnalisée') format('truetype'); } Assurez-vous de remplacer 'Custom Font Name' par le nom réel de la police que vous utilisez et 'custom-font-url' par l'URL du fichier de police que vous avez téléchargé sur votre site WordPress. Une fois que vous avez ajouté le code, vous devez enregistrer vos modifications et télécharger le fichier de feuille de style mis à jour (style.css) sur votre serveur. Vous pouvez désormais utiliser votre police personnalisée dans n'importe laquelle des règles CSS de votre site WordPress en spécifiant la propriété 'font-family' comme 'Custom Font Name'.

Vous pouvez utiliser les polices Google sur votre site Web WordPress pour diverses raisons. Tous ces fichiers sont libres d'utilisation (pour les projets commerciaux), pré-hébergés (afin qu'ils ne surchargent pas les ressources de votre serveur) et peuvent être téléchargés en version imprimée. WordPress propose une excellente sélection de sites Web qui utilisent actuellement les polices Google. Dans la plupart des cas, vous pouvez faciliter l'intégration des polices en utilisant les polices Google. Tout projet Web qui inclut cette bibliothèque en ligne peut être appelé bibliothèque de la même manière que tout autre script JS ou CSS. Dans ce didacticiel, je vais vous montrer comment configurer vous-même Google Fonts sur un site Web WordPress. WordPress vous permet de personnaliser sa police.

Vous obtiendrez une démonstration de la façon de le faire dans l'exemple suivant en utilisant la fonction WordPress_enqueue_style(). Vous pouvez commencer à utiliser la police que vous venez d'ajouter en utilisant les options de typographie de votre thème. Ce qui suit est une méthode alternative (moins coûteuse) pour incorporer les polices Google dans votre site Web WordPress. Vous pouvez modifier le script, la famille de polices, l'épaisseur de la police, la décoration et les propriétés de transformation du texte en accédant à l'onglet Styles. Lorsque vous choisissez une police, vous pourrez prévisualiser en direct l'apparence de vos publications et de vos pages. Roboto est l'une des polices les plus utilisées sur Internet aujourd'hui. Montserrat doit son existence à la typographie du XXe siècle.

Les polices Google pour les sites Web WordPress ne sont que quelques-unes des nombreuses options disponibles. Choisir la famille de polices appropriée pour votre site Web peut être bénéfique et préjudiciable à vos lecteurs. L'utilisation des polices Google dans WordPress peut vous aider à changer rapidement l'apparence de votre site Web. Le plugin Google Fonts est le moyen le plus simple à utiliser car il est simple à installer et à activer. Dans la plupart des cas, le contraste doit être léger et non écrasant pour le lecteur, et il doit être facilement lisible sur la majorité des tailles et des types d'écran. WordPress inclut des polices qui peuvent être importées via des plugins ou configurées manuellement. WordPress, par défaut, inclut une police par défaut pour votre navigateur, qui peut être remplacée par une nouvelle police personnalisée . Testez plusieurs familles de polices pour trouver celle qui convient le mieux à la typographie de votre site Web.

Comment ajouter des polices personnalisées au thème WordPress ?

Crédit : athemes.com

Il existe plusieurs façons d'ajouter des polices personnalisées à votre thème WordPress. Une façon consiste à utiliser la bibliothèque Google Fonts. Vous pouvez parcourir la bibliothèque et choisir les polices que vous souhaitez utiliser sur votre site Web. Une fois que vous avez choisi les polices, vous pouvez ajouter le code à votre thème WordPress.
Une autre façon d'ajouter des polices personnalisées à votre thème WordPress consiste à utiliser un plugin. Il existe quelques plugins différents que vous pouvez utiliser pour ajouter des polices personnalisées à votre site Web. Une fois que vous avez installé le plugin, vous pouvez parcourir les polices et choisir celles que vous souhaitez utiliser.
Enfin, vous pouvez également ajouter des polices personnalisées à votre thème WordPress en ajoutant manuellement le code à votre thème. Si vous êtes à l'aise avec le code, vous pouvez ajouter les polices que vous souhaitez utiliser en ajoutant le code à votre fichier functions.php.

Le plugin Easy Google Fonts peut être utilisé pour ajouter des polices personnalisées à votre site Web WordPress. Vous pourrez utiliser une variété de polices sur votre site Web si vous choisissez cette option. Un certain nombre d'avantages ont été découverts en utilisant la bonne typographie. Un site Web simple permet aux clients d'interagir plus facilement avec vous. De plus, vous pouvez utiliser les propriétés CSS pour ajuster le style et le positionnement de vos polices. De plus, la page des paramètres du plugin WordPress vous permet de modifier vos propres contrôles de police. Si vous ne souhaitez pas utiliser les polices Adobe, vous pouvez les utiliser comme alternative.

Avec le plugin Custom Adobe Fonts, vous pouvez facilement intégrer ces polices dans votre site Web WordPress. Une fois que vous avez installé le plugin, accédez à la vaste bibliothèque de polices d'Adobe pour trouver la police qui vous convient (vous devrez vous inscrire pour l'utiliser). Lorsque vous avez choisi une police, cliquez dessus, puis regardez en haut à droite de la page pour voir "Ajouter au projet Web". En utilisant la fonction d'aperçu de la paire de polices, vous pouvez voir rapidement et facilement à quoi ressemblent différentes combinaisons de polices. Sur plusieurs excellents sites Web, vous pouvez acheter des polices personnalisées créées par des designers. Une grande bibliothèque de polices et un format simple pour ces polices, par exemple, sont inclus dans la bibliothèque Font Squirrel. Le kit de polices Web de @Font-Face est maintenant disponible en téléchargement.

Vous pouvez utiliser ce logiciel sur votre site WordPress. Vous aurez besoin des polices et de la feuille de style CSS pour créer votre propre feuille de style CSS après l'achat du kit. Le CSS suivant est requis pour la police OpenSans-ExtraBold-web. Vous devez conserver tous vos fichiers de polices dans un répertoire de votre choix pour obtenir les meilleurs résultats.