Introduction à la formation HTLM5 et CSS3
Les bases de la mise en page
La mise en page avancée
Autres sélecteurs et propriétés
Détails de la leçon
Description de la leçon
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.
Objectifs de cette leçon
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.
Prérequis pour cette leçon
Vous devez avoir une connaissance de base en HTML et CSS pour suivre cette vidéo.
Métiers concernés
Ce sujet est particulièrement utile pour les développeurs front-end, les web designers et les créateurs de contenu web.
Alternatives et ressources
Comme alternatives, vous pouvez utiliser des systèmes de polices comme Adobe Fonts ou d'autres bibliothèques de polices, ainsi que css @font-face pour héberger des polices localement.
Questions & Réponses
Je m'abonne