Comment héberger localement des polices Google (et même d’autres polices!) sur WordPress

Vous recherchez un moyen d’héberger localement les polices Google sur le site WordPress? Google font est bon parce qu’il ouvre de nombreuses options de polices potentielles pour votre site WordPress. Mais il peut aussi impliquer un grand nombre de requêtes en dehors du serveur Google, ce qui explique pourquoi vous préférez probablement héberger les polices uniquement localement. Bien que j’ai défini cette boîte d’article comme « comment héberger localement les polices Google sur WordPress », la méthode manuelle que je vais vous montrer peut en fait utiliser n’importe quelle police, donc elle ne se limite pas aux polices Google. En plus de cette méthode manuelle, je partagerai un plug – in qui simplifie l’hébergement local des polices Google (mais il ne s’applique qu’aux polices Google et non à d’autres caractères).
Pourquoi héberger des polices localement? En fait, je ne pense pas que la plupart des sites Web devraient accueillir leurs rôles localement. Mais pour certains sites, c’est un bon choix. Tout d’abord, l’hébergement local des polices ouvre le monde entier des polices sur le Web. Vous pourrez utiliser n’importe quelle police que vous trouverez et vous aurez des droits légaux sur elle. C’est super! Plus important encore, le rôle d’hébergement local peut améliorer les performances parce que vous pouvez supprimer les requêtes externes de n’importe quel serveur qui héberge le rôle. Par exemple, vous pouvez voir la police de requête externe du serveur Google dans la chute d’outils pingdom sur mon site d’essai:
Maintenant, cela ne signifie certainement pas que l’hébergement de rôles localement accélère le chargement des sites. En ce qui concerne les polices Google, les serveurs Google sont déjà assez rapides et les polices Google ont leur propre CDN pour assurer un temps de téléchargement mondial rapide. De plus, il se peut que quelqu’un ait mis en cache des polices dans son navigateur, surtout si vous utilisez des polices populaires comme lato ou roboto. En gros, je vous encourage à tester
Ou avant et après le site pour s’assurer que l’hébergement de vos polices localement accélère réellement votre site.
Comment héberger localement les polices Google sur WordPress: approche manuelle OK, passons maintenant à la section pratique et je vais vous montrer comment héberger localement les polices Google sur WordPress. Rappelez – vous: Cette méthode manuelle peut également être utilisée avec n’importe quelle autre police lorsque je prends Google font par exemple. Étape 1: Télécharger le fichier de police pour commencer, vous devez télécharger le fichier de police à utiliser. Dans Google font, vous pouvez cliquer pour sélectionner ce lien de police. Puis cliquez sur le bouton télécharger: Lorsque vous cliquez sur le bouton télécharger, Google fonts vous fournit un fichier zip avec différents poids de police.
Cependant, je recommande de ne sélectionner que le nombre minimum de poids de caractère requis: N’utilisez pas chaque poids. Une bonne pile est: ajuster le corsive gras, extraire les fichiers et supprimer tous les caractères indésirables: Étape 2: conversion au format WOFF (si nécessaire) Lorsque vous téléchargez une police à partir de Google fonts, elle convertit la police au format TTF. Pour assurer la compatibilité entre les navigateurs, la plupart des documents que j’ai lus semblent recommander le format WOFF ou WOFF 2.0. Par conséquent, si la police que vous avez sélectionnée n’est pas déjà dans ce format, vous pouvez la convertir en WOFF en utilisant l’outil de conversion gratuit:
Étape 3: téléchargez les fichiers de police sur le serveur, puis utilisez FTP ou cpanel file manager pour télécharger les fichiers de police sur le serveur. Si vous n’êtes pas sûr de la façon de vous connecter au serveur via FTP, consultez notre guide sur la façon d’utiliser FTP sur WordPress. Pour vous aider à trouver des fichiers de police, vous pouvez les ajouter à un dossier appelé polices. Par exemple, j’a i créé un dossier de police dans le dossier principal du site Web. Vous pouvez voir
Je dois encore utiliser les polices hébergées sur le serveur de polices Google. Pour l’arrêter, vous pouvez essayer de définir le thème pour utiliser la pile de caractères système si disponible. Par exemple, generatepress me permet de faire les choix suivants dans les personnalisations WordPress:
Alternativement, vous pouvez généralement supprimer la partie pertinente de la fonction fichier. Php du sujet. Ou, comme indiqué dans la note, vous pouvez l’écraser avec un sous – thème: Vous pouvez également essayer de désactiver le plug – in de polices Google, bien qu’il ne soit pas garanti qu’il fonctionne sur chaque sujet. Comment utiliser le plugin pour héberger localement les polices Google si vous êtes submergé par la méthode manuelle, vous pouvez également utiliser un plugin wordpress appelé caos de daanvandenbergh pour héberger localement les polices Google. Je n’ai pas encore complètement testé le plug – in, mais il semble facile à utiliser. Il vous suffit de rechercher les polices par nom et de cliquer sur générer une feuille de style:
Vous pouvez également sélectionner les poids à inclure. Lorsque le plug – in génère une feuille de style, il l’ajoute au titre du sujet. Bien que le plug – in soit très facile à utiliser, il ne s’applique qu’aux polices Google, alors que la méthode manuelle s’applique à n’importe quelle police. Essayer d’héberger des polices localement aujourd’hui, c’est une bonne façon d’ouvrir votre site pour utiliser de nouvelles polices et peut – être d’accélérer votre site. Si vous souhaitez héberger des polices Google localement, il existe des plug – ins qui vous aideront à le faire. Alternativement, vous pouvez toujours suivre le chemin manuel en utilisant n’importe quelle police Web. Enfin, pour toute modification importante du site WordPress, je vous recommande toujours de tester si les polices gérées localement peuvent réellement accélérer le site. Si vous estimez que vous n’avez pas obtenu l’avantage de performance attendu, vous pourriez envisager d’utiliser le CDN pour publier des fichiers.