Publicité
Avis de non-responsabilité : Google Sans est une version optimisée en taille de la police Product Sans. N’oubliez pas que la police relève de la licence restreinte de Google, ce qui signifie qu’elle n’est pas disponible pour tout le monde.
Lorsque quelqu’un découvre votre site Web, les graphiques ne lui importent pas. Tout ce qu’ils lisent est du contenu textuel, car c’est la source d’information. Établissez un équilibre entre les graphiques et le texte. Donc, fondamentalement, la typographie signifie ajuster le texte et une bonne typographie joue un rôle essentiel dans le ton de votre site Web. Une bonne typographie garantit une excellente expérience utilisateur. Encore une fois, la typographie est un art dans lequel vous organisez tout le contenu de votre site Web tout en préservant la valeur esthétique de votre contenu textuel. Choisir une police pour votre site Web n’est pas très simple. Vous devez choisir différentes polices pour le titre et le corps du message. Testez différentes combinaisons de polices à l’aide de Google Fonts, où vous pouvez explorer des tonnes de polices. Toutes les polices du site Web des polices Google sont accessibles à tous et sont gratuites.
Si vous souhaitez utiliser Google Sans sur votre site Web, voici comment procéder.
Google Sans, voyez à quoi ça ressemble.
Ajout de la police Google Sans à un site WordPress
Le code ci-dessous est extrait de l’API Google, qui est originale. Pour utiliser Google Sans sur votre site Web ou votre blog, vous devez d’abord ajouter une source. Deuxièmement, déclarez où vous souhaitez l’utiliser. L’API a toutes les variantes de langue de police, voici la version latine de 400 (régulier) et 500 (moyen) épaisseurs de police.
En dehors de cela, il existe de nombreuses autres variantes telles que le poids de police 700. Plus de langues comme le grec, le vietnamien et le cyrillique.
Ajout d’une source.
Dans certains thèmes WordPress, il existe une option dans les paramètres du thème pour ajouter du code CSS personnalisé. C’est exactement la même chose que vous devez ajouter ou modifier une valeur CSS en conséquence. Par exemple, vous devez changer la couleur de votre police. Vous ajoutez un nouveau code CSS. Lors du chargement du site, vous voyez une nouvelle couleur de police car le code que vous avez ajouté est appliqué et remplace l’ancien code.
Afin d’ajouter une source Google Sans, copiez le code suivant et collez-le sur WordPress > Apparence > Éditeur > Zone CSS supplémentaire. Pour ceux qui souhaitent l’ajouter via HTML, continuez à lire.
Si vous avez accès aux fichiers de thème WordPress, ajoutez la ligne suivante. La méthode fonctionne sur les pages WordPress, Blogger et Github. Utilisez le plugin WordPress d’insertion d’en-tête et de pied de page pour plus de facilité.
Une autre façon d’ajouter une police consiste à ajouter un script sur une seule ligne afin de pouvoir utiliser certains plugins tels que Insérer un en-tête et un pied de page. Une fois installé, vous trouverez des champs de texte pour ajouter un script dans lesquels vous pourrez insérer le script suivant.
Le déclarer.
Après avoir ajouté la source, ajoutez un autre code CSS pour déclarer la famille de polices à publier dans le corps. Vous devez utiliser l’outil d’inspection pour déterminer où vous devez l’appliquer.
corps p {famille de polices : Google Sans ;}
Définissez la police sur l’ensemble du site Web en mettant la ligne suivante.
body {font-family : Google Sans!important;}
Si vous rencontrez toujours des problèmes, déposez un commentaire et je serai heureux de vous aider.
Utilisation de la police Google Sans dans le blog Blogger
Blogger ou Blogspot est un service de blog gratuit de Google. Puisque vous pouvez modifier votre script de thème, l’ajout de cette ligne ajoutera la police Google Sans à votre blog blogueur.
-
Accédez au blog du blogueur.
-
Accédez à Thème.
-
Cliquez sur MODIFIER HTML.
-
Collez le code suivant après la balise
Autres options.
Téléchargez Google Sans pour ordinateur (TTF).
Google Sans est une version optimisée en taille de la police du produit. Vous pouvez obtenir Product Sans gratuitement sur le site Web de befont.
Je tiens à vous rappeler que cette police n’est pas disponible pour tout le monde. Cependant, il est insensé de penser que vous obtiendrez une réclamation pour droits d’auteur de la part de Google si vous utilisez cette police. Sauf si vous travaillez dans une entreprise, une startup ou un produit, vous pouvez utiliser cette police. Même si je n’assume aucune responsabilité.
*️⃣ Lien source :
Google Fonts , Insérer un en-tête et un pied de page , Téléchargez Google Sans for Desktop (TTF), site Web befont ,