Lrsquoapparence et lrsquoatmosphère du site sont importantes pour attirer et maintenir lrsquoattention des visiteurs. Le contenu du site peut être contrôlé par du texte, des images ou des médias. Quel que soit lrsquoendroit où le texte est utilisé en grande ou en petite quantité, il faut le choisir avec prudence. La typographie joue un rôle important dans lrsquoapparence générale du site. Les polices intégrées sont disponibles dans le navigateur et les styles de fichiers. Le CSS accède généralement à ces caractères pour lrsquoaffichage. Cela signifie qursquoil nrsquoy a pas de changement, ce qui rend le site moins excitant. Mais pas nécessairement. Vous pouvez choisir les polices qui distinguent votre site. Parfois, les caractères peuvent aussi être le logo drsquoun site Web.
Il peut être utile de savoir que tous les caractères appartiennent à lrsquoun des deux types de Serif, ce qui signifie que le caractère a ajouté une ligne ou une boucle à la fin de la course principale ou de la ligne sans serif, ce qui signifie qursquoil nrsquoy a pas de ligne ou de boucle. Il y a beaucoup drsquoendroits où pouvez accéder à des polices fraîches comme fontsquirrel. Vérifiez si les licences attachées à ces ressources permettent de les utiliser à vos propres fins. Souvent, les sujets que utilisez sur votre site Web ont leurs propres polices de caractères et devriez les utiliser correctement. Vous pouvez également acheter des polices avancées à partir de typekit.
Lorsque sélectionnez une police, sélectionnez un style qui est synchronisé avec lrsquohumeur du site ou le public cible. Par exemple, le site Web de la maternelle peut utiliser des caractères qui ressemblent à lrsquoécriture drsquoun enfant. voulez combiner les deux styles, choisissez le style opposé, épais et mince. Plus important encore, les caractères doivent être lisibles. Ajouter des caractères Google à un sujet existant peut ne pas être une bonne idée, car devez ajouter des caractères Google en utilisant les filtres et les crochets fournis par le sujet. Crsquoest à dire que Google a un v
Vente aux enchères de la Bibliothèque de polices, mise à jour régulière. Dans ce tutoriel, apprendrez comment lrsquointégrer à votre site Web.
Lorsque sélectionnez un caractère, les méthodes drsquoajout de caractères sont différentes, une méthode nécessite le téléchargement drsquoun fichier de police, ce qui peut prendre de lrsquoespace sur le serveur. De plus, tous les fichiers de police ne sont pas compatibles avec tous les navigateurs. Une autre approche exige lrsquoutilisation de scripts de file drsquoattente pour lier des scripts externes au site. Le plug in peut être utilisé pour ajouter des polices Google. Méthode 1: ajouter des caractères Google en utilisant le Code parce que cette méthode drsquointégration de caractères Google apportera quelques modifications à un thème existant, voudrez peut être travailler dans un sous thème pour éviter de perdre des modifications lors de la mise à jour.
Ouvrez la page polices de Google dans un navigateur et vérifiez les options de polices disponibles. Une fois que avez trouvé ce que voulez, cliquez sur le bouton Ajouter à la collection pour ce style de police. Dans ce tutoriel, jrsquoai choisi un style de script de danse avec des poids de 700 et 400. Vous pouvez sélectionner plusieurs styles de police. Dans ce cas, utilisez le symbole « | » pour combiner différents styles de police. le nom du style de police utilise plus drsquoun mot, entrez « + » entre les mots. Une fenêtre contextuelle srsquoouvre au bas de lrsquoécran. Tous les styles de police que sélectionnez sont affichés dans cette fenêtre contextuelle.
Ensuite, cliquez sur le bouton utiliser à droite. Une autre page srsquoouvre où pouvez sélectionner le poids des caractères. Le cadran à droite indique la vitesse à laquelle le site Web charge le style de police et le poids appropriés. ajoutez plus drsquoun style de police, le cadran affiche la vitesse totale de tous les styles de police en même temps. Sur cet écran, pouvez également ajouter nrsquoimporte quel caractère spécial spécifique à la langue sélectionnée. Pages plus profondes que les étapes
3, remarquerez 3 onglets: standard, import et JavaScript. Vous pouvez sélectionner lrsquoun des onglets pour intégrer le code dans votre site Web.
Dans lrsquoonglet importation, verrez un code qui contient le nom du caractère sélectionné (surligné) Importer lrsquoURL http:fonts.googleapis.comcss?family=Dancing Texte: 400700) Vous pouvez maintenant simplement coller ce code dans un fichier de style. CSS du sujet. Bien que cette approche soit facile à suivre, Son inconvénient est qursquoelle ralentit le site. Crsquoest parce que devez le fichier importé avant de le reste. Une meilleure façon drsquoajouter des polices Google est drsquoutiliser le Code généré en cliquant sur lrsquoonglet standard. Collez ce code directement dans le titre. Php peut ne pas fonctionner. Et il nrsquoest pas recommandé drsquoapporter des modifications au fichier principal du sujet, car les modifications peuvent être perdues lors de la prochaine mise à jour. Une approche plus ordonnée consiste à modifier les fonctions. Php dans le Sous thème. Cela signifie que ces changements seront effectués séquentiellement après lrsquoexécution de la fonction sujet parent (et ne lrsquoécraseront pas).
Le lien qui en résulte est une déclaration de feuille de style. Vous pouvez enregistrer ce code dans Google fonts et créer la fonction Load _ fonts. Cela permettra drsquoharmoniser les styles. Lrsquoopération add _ ajoute des caractères au titre. Fonction Load _ fonts () {
WP _ Register style (« Google fonts»,
lsquo http:fonts.googleapis.comcss?family=Dancing Texte: 400700 lsquo)
WP _ enqueue style (
}
Ajouter une action (
Il ne reste qursquoune étape: intégrer les caractères Google
Dans CSS. Ensuite, continuez avec votre feuille de style css principale et ajoutez une série drsquoénoncés composés des caractères suivants, corps
Série de polices:
Taille de la police: 14px
Couleur: 191919
} de même, pouvez appliquer le même format de style à drsquoautres éléments et enregistrer le fichier CSS. Vous verrez maintenant que le site a été mis à jour avec les caractères que avez sélectionnés. choisissez drsquoutiliser le Code généré en cliquant sur lrsquoonglet Javascript, collez le code dans le titre. Php, juste après avoir ouvert lrsquoen tête de lrsquoétiquette.
Méthode 2: utilisez le plug in pour ajouter des polices Google comme je lrsquoai mentionné au début, pouvez également utiliser le plug in pour ajouter des polices Google. Lrsquoinstallation et lrsquoactivation de ces plug ins sont simples. Mais choisir la bonne police dans certains plug ins peut être un peu difficile, car la personnalisation avec CSS peut être nécessaire. Il existe de nombreux plug ins pour aider à ajouter des polices à votre site, y compris les polices Google. Par exemple: fontmeister, Supreme Google webfonts, typecase Web fonts, Google Web fonts manager. Regardons de plus près les deux plug ins les plus populaires qui aideront à ajouter des polices Google.
WP Google font WP Google fonts ajoute le Code nécessaire à votre site Web. Il aide à ajouter des polices à partir du Répertoire Google fonts de deux façons: à partir du panneau drsquoadministration, pouvez assigner des polices Google à des éléments CSS spécifiques drsquoun site Web. Ou pouvez travailler dans une feuille de style pour un sujet. Vous pouvez personnaliser de nombreuses polices en sélectionnant les options sur la page paramètres. Cependant, ne pouvez pas prévisualiser les caractères tant que nrsquoavez pas appuyé sur le bouton Enregistrer. Vous pouvez enregistrer jusqursquoà 6 Paramètres et les assigner à 6 balises différentes. Le plug in est mis à jour lorsque des caractères sont ajoutés à la Bibliothèque de polices Google
Oui. Il enregistre plus de 100 000 installations actives, mais il est inquiétant de constater que des annonces pour drsquoautres services ont été groupées avec des plug ins. Dessinez une note de 3.9 étoiles. Polices Google simples Le plug in Easy Google fonts s’intègre aux personnalisations WordPress et permet de créer et de prévisualiser des polices personnalisées pour votre site avant de réinitialiser et d’enregistrer les polices requises. Vous pouvez insérer des polices et des variantes de polices sans encodage. Chaque aspect drsquoun personnage peut être personnalisé: poids, taille, hauteur, couleur, espacement. Lorsque sélectionnez un caractère Google, toutes les feuilles de style de ces caractères sont automatiquement ajoutées. Lrsquoun des avantages de ce plugin est qursquoaucun changement nrsquoest nécessaire dans la Feuille de style du thème, ce qui signifie que pouvez mettre à jour le thème sans perdre les polices Google. Le plug in peut également être traduit en fichiers. Mo E. Y compris Le plugin est idéal pour les propriétaires de sites Web qui veulent srsquoen tenir au thème, mais qui veulent simplement changer la typographie sans codage. Ou pour quelqursquoun qui a une connaissance de base du codage et qui veut ajouter des règles de caractères personnalisées. Le plug in a enregistré plus de 200 000 installations et est coté 4,9 étoiles. Conclusion: Puisque savez déjà comment ajouter des polices Google à votre site, pouvez essayer drsquoajouter quelques variantes à votre site. Gardez à lrsquoesprit que lrsquoajout de trop de styles de police peut ralentir votre site, alors gardez le au minimum de ce qui est réellement utilisé.
Comment ajouter des polices Google au site WordPress
