Dans le développement Web, l'utilisation correcte du style de police donne un aspect attrayant à l'application. Ces styles de police donnent des indices visuels sur l'ordre de lecture du document. Par exemple, le style de police du titre du document doit être en gras et significatif des autres. Le style aide également à distinguer le contenu important des autres.
Les résultats d'apprentissage de cet article sont :
- Que sont les polices Web Google ?
- Comment importer des polices Google en HTML ?
- Comment utiliser Google Fonts dans un fichier CSS ?
Que sont les polices Web Google ?
La police Web Google est une bibliothèque open source qui contient des centaines de styles ou de familles de polices. Il fournit également des API qui nous aident à utiliser les polices Web avec Android et CSS. Les polices Google sont beaucoup plus légères que les autres bibliothèques de polices et sont disponibles gratuitement pour une utilisation professionnelle. Celles-ci sont plus faciles à mettre en œuvre sur n'importe quel site Web.
Par défaut, CSS propose des styles de police fantaisie, empattement, sans empattement, cursif et à espacement fixe. Les polices Google peuvent être utilisées si vous souhaitez utiliser d'autres styles de police.
Comment importer des polices Google en HTML ?
Pour utiliser Google Fonts sur une page HTML, suivez les étapes suivantes.
Étape 1 : Sélectionnez la famille de polices
Tout d'abord, ouvrez le Polices Google site officiel et sélectionnez la police que vous aimez. Par exemple, nous avons choisi le « Homard deux ' famille de polices:
Étape 2 : Sélectionnez les styles
Ensuite, faites défiler vers le bas pour afficher la liste des styles. Ajoutez-les à votre collection en cliquant sur ' + ' pancarte:
Étape 3 : Afficher les familles sélectionnées
Pour visualiser les familles sélectionnées, cliquez sur l'icône en surbrillance ci-dessous :
Étape 4 : Copier le lien à intégrer dans le HTML
Après cela, faites défiler vers le bas et copiez le lien de font-family en utilisant le ' Copie icône ' :
Comment utiliser les polices Google dans le fichier CSS ?
Pour utiliser la copie de Google Fonts dans CSS pour le style, parcourez les exemples donnés.
Exemple 1
Inclure un ' ” élément pour spécifier un contenu ou un paragraphe :
< p > 'Le meilleur site Web de tutoriels' p >Pour importer les Google Fonts, collez le code copié dans le '