Css 3 - Utilisation De Google Fonts Pour Intégrer Des Polices De Caractères Sur Notre Site - Youtube
Pour cela, commencez par sélectionner la police « Open sans » en cliquant sur le « + » en haut à droite de la page puis sélectionnez de la même façon Roboto dans la liste des polices souvent utilisées ensemble. Vous devriez alors avoir un encadré en bas de page avec vos polices sélectionnées. Cliquez sur cet encadré puis sur la flèche à l'intérieur. Vous êtes alors finalement ramené sur la page vous expliquant comment intégrer ces deux polices dans vos pages et vous donnant les codes d'intégration de ces deux polices. CSS FONT | Créer son site web | Apprendre HTML CSS PHP Javascript JQuery MySQL Bootstrap Twitter | vulgarisation informatique internet | cours tutoriel débutants. Comme vous pouvez le constater, la manipulation est très simple: il suffit d'ajouter dans l'élément head de notre page HTML un élément link et d'indiquer en valeur de href l'URL fournie (ici, par exemple, ce sera href="|Roboto") puis de préciser finalement un attribut rel="stylesheet". Ensuite, nous n'avons plus qu'à indiquer le nom de nos polices en valeur de notre propriété font-family dans notre feuillet CSS et le tour est joué! Regardez plutôt l'exemple suivant dans lequel j'ai intégré mes deux Google Fonts: See the Pen Cours HTML CSS 4.
Intégrer Google Font Css Cheat
Comme un site Web est souvent constitué de multiples pages, il paraît sensé d'enregistrer les instructions de conception dans un fichier séparé. Cela permet une séparation claire entre contenu et conception et facilite la maintenance. Le fichier exporté renvoie simplement au document HTML. Vous enregistrez la feuille de style externe avec l'extension et utilisez ensuite une balise link pour l'intégrer dans votre fichier HTML. Dans l'exemple suivant, le fichier CSS est nommé.