Guide détaillé pour l'intégration de Google Fonts
Objectifs
Les objectifs de cette vidéo sont de :
- Apprendre comment rechercher et sélectionner des Google Fonts.
- Savoir intégrer ces polices dans une page web.
- Comprendre les différentes méthodes d'incorporation.
Résumé
Apprenez à ajouter des Google Fonts à vos pages web pour une typographie améliorée.
Description
Dans cette leçon, nous allons explorer comment intégrer une Google Font dans une page web. Initialement, votre page pourrait ne pas avoir de police particulière. Nous commencerons par rechercher 'Google Fonts' dans un moteur de recherche. Une fois sur le site, l'utilisation est plus facile qu'avec la directive @font-face. Par exemple, vous pouvez choisir une police spécifique, cliquer sur l'onglet 'Quick Use' pour accéder aux options, et copier le lien de la police. Vous avez plusieurs façons d'incorporer cette police : au moyen de la balise <link>, avec la directive @import dans une feuille de style externe, ou via JavaScript. Une fois le lien copié, ajoutez-le au sein de votre feuille de style ou HTML. Ensuite, spécifiez la police dans votre sélecteur CSS. Attention, certaines polices peuvent être lourdes et lentes à charger, surtout sur des appareils mobiles. En général, les utiliser permet d'améliorer l'esthétique globale de vos projets web.
Dommage.