Incorporer des Google Fonts dans une Page Web

Googlefonts
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre HTML5 et CSS3 / Part 3
Revoir le teaser Je m'abonne
3,0
Transcription

59,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis
3,0
59,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

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.

Apprenez à ajouter des Google Fonts à vos pages web pour une typographie améliorée.

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.

Voir plus
Questions réponses
Quels sont les différents moyens d'incorporer une Google Font dans une page web ?
Les moyens d'incorporer une Google Font incluent l'utilisation de la balise , la directive @import dans une feuille de style CSS externe, ou l'utilisation du JavaScript.
Pourquoi est-il important de faire attention au poids des polices utilisées ?
Le poids des polices est crucial, surtout pour les utilisateurs mobiles, car des polices lourdes peuvent ralentir le chargement de la page et dégrader l'expérience utilisateur.
Comment savoir si une police Google Font est lourde ou légère ?
Le site Google Fonts fournit une indication par une zone colorée. Les polices dans la zone verte sont généralement plus légères et mieux adaptées pour une utilisation web rapide.

Programme détaillé

1 commentaire
3,0
1 vote
5
4
3
2
1
Cicine
Il y a 1 an
Dans la séquence slide auto, pas d'explication sur le 12% du slider auto; quelle est l'origine de ce chiffre? pas d'explication me bloque. Je suis obligée d'aller voir une autre plateforme qui présente le slide auto.
Dommage.