Comment utiliser les polices téléchargées sans plugin dans WordPress

Google font est une ressource extraordinaire. Jusqu’à ce qu’il soit si populaire, la création d’un site Web avec des polices uniques était une tâche ardue. Maintenant, cependant, en quelques clics et un morceau de code, votre site peut passer d’helvetic eh à helvetic AWESOME. Mais si vos polices préférées ne font pas partie de la famille de polices Google? Vous devez savoir comment utiliser les polices téléchargées parce que vous avez trouvé un personnage très élégant qui peut exprimer l’âme de votre barbe. L’utilisation des polices téléchargées sur le site Web n’est pas aussi simple que cliquer sur cliquer sur passer passer. Veuillez noter que ce n’est pas un processus difficile et je vous guiderai dans ce processus afin que vous ne possédiez plus jamais le site helvetic eh.
Maintenant, je veux souligner que vous pouvez le faire avec un plug – in. Plusieurs sont disponibles dans le dépôt. Mais pourquoi on fait ça? Je suis le genre de personne qui aime éviter d’utiliser des plug – ins lorsque plusieurs lignes de Code font la même chose. Un trop grand nombre de plug – ins peut entraîner une grande quantité de requêtes http gonflées et inutiles, et réduire la vitesse du site. Nous allons donc importer ces personnages manuellement, comme à la fin des années 90. Ah, oui. Sélectionnez et téléchargez des polices je suis un grand fan de la collection de polices. Il y a beaucoup de sujets élégants que vous pouvez scanner pour voir ce que vous aimez. Alors cliquez sur certains d’entre eux pour voir ce que vous aimez.
Caractères manuscrits caractères rétro caractères exclusifs caractères italiques caractères hipster caractères intéressants pour moi, je vais utiliser la police aventura dans le résumé hipster. La première étape consiste à trouver le lien pour télécharger la police et enregistrer le fichier sur votre ordinateur. Ça pourrait être un fichier. Contient du zip dans différents formats de fichiers. Le plus souvent, vous verrez. TTF (TrueType font) ou. OTF (police opentype). Créer webfont (un peu optionnel, mais pas vrai) fontsquirrel a un bon outil pour s’assurer que personne ne navigue
Er est toujours incompatible avec la splendeur de votre site. Comme la plupart des polices téléchargées n’ont qu’un seul format, l’outil fontsquirrel garantit que vous n’êtes pas limité par ce que l’auteur de la police publie. Tant que vous avez accès à cette police, assurez – vous qu’elle est utilisée avec votre produit \/ site Web. Il suffit de charger la police récemment téléchargée et de sélectionner les options. Personnellement, j’utilise l’option expert juste pour obtenir autant de formats de police que possible. Tout le reste va bien, mais vous n’avez pas autant de types de fichiers, et c’est le but de tout ça. Fontsquirrel est également génial parce qu’il vous donne les CSS dont vous avez besoin pour les importer sur votre site. Comment est – ce facile à utiliser? Vous n’avez qu’à le copier et le coller (nous allons le traiter ci – dessous). Téléchargez votre rôle sur WordPress Une fois terminé, vous devrez télécharger les polices auprès du fournisseur d’hébergement. Je le fais toujours par FTP (j’utilise Filezilla, mais vous pouvez utiliser n’importe quel client que vous voulez).
Si vous ne connaissez pas les informations FTP de l’hôte, connectez – vous à votre cpanel et consultez le fichier – > compte FTP. Vous y verrez tous les comptes FTP de l’hôte et vous devriez également voir le lien configurer le client FTP à côté de chaque compte. Lorsque vous vous connectez, cpanel vous fournit des informations sur le serveur ou des fichiers Filezilla (et d’autres fichiers) que vous pouvez importer pour définir vos identifiants. J’aime personnellement ce manuel, mais vous pouvez faire ce que vous voulez. Même avec ce fichier, un mot de passe est nécessaire pour se connecter, de sorte que les deux méthodes sont sécurisées. Maintenant que vous êtes connecté à l’hôte via FTP, allez dans le dossier de contenu \/ WP du site. Puisque c’est le contenu du site WordPress, pourquoi ne pas le mettre là? Vous pouvez le mettre n’importe où, même dans \/ WP content \/ upload. Fais – le toi – même. FTP télécharge facilement vos fichiers. Localisez le fichier de police téléchargé et
URL (‘\/ WP content \/ Ventura bold webfont.ttf’) Format (\
URL (\
Taille de la police: normale;
Style de police: normal;
}
Enregistrez le fichier et comme vous l’ouvrez pour l’édition via Filezilla, une boîte de dialogue apparaît demandant si vous voulez remplacer le fichier sur le serveur. Votre réponse est certainement Oui.
Tout ce que tu as à faire, c’est entrer dans tes habitudes. CSS (ou si vous utilisez Divi, divi – > options de sujet – > personnaliser CSS dans le panneau de navigation du tableau de bord du WP.) Il suffit d’ajouter un style css comme tout autre rôle. Je remplace simplement les polices Google \
Série de polices: \
Taille de la police: 18px;
Hauteur de la ligne: 28px;
Couleur: # FFFFFF;
Conversion de texte: Majuscules;
}
H1, H2, H3, H4, H5, H6
Couleur: # FFF;
Série de polices: \
Taille de la police: 700;
Conversion de texte: Majuscules;
}
Les résultats de notre travail ici sont comme avant: Voici ce qui s’est passé après l’ajout d’aventura au CSS: Yeah! Ça marche! Bien joué! On y va! Comme l’a dit le célèbre capitaine Malcolm Reynolds, « Nous avons fait l’impossible, ce qui nous a rendus forts ». Eh bien, charger des polices et les importer via CSS n’équivaut peut – être pas à faire l’impossible, mais vous avez certainement fait beaucoup de choses que les utilisateurs de WordPress n’osent pas faire: ajouter des fonctionnalités de base sans plugins. Mes amis, ça vous rend très fort. Quelle est votre police de page préférée, pas Google? Dites – moi dans les commentaires!
Image miniature de 32 pixels \/ stores. Com