Comment insérer une police de caractère avec Google Fonts ?

Grâce à Google Web Fonts, il est possible d’utiliser un très grand nombre de polices de caractères sur blog. Certaines sont très jolies. En voici 3 exemples :Hanalei :

COUCOU

Mrs Saint Delafield :

COUCOU

Grand Hotel :

COUCOU

Lorsque j’ai écrit cet article, il y avait 613 polices de caractères disponibles, sympa non ? 🙂

Comment faire ?

  • Récupérer le code sur Google Fonts.

Rendez-vous sur Google Web Fonts.

Choisissez votre police de caractère (Font)

Cliquez sur Quick-use

Récupérez le lien à installer ainsi que le code CSS à installer. Par exemple pour la police Hanalei

lien : 

<link href=’http://fonts.googleapis.com/css?family=Hanalei’ rel=’stylesheet’ type=’text/css’>

CSS :

font-family: ‘Hanalei’, cursive;

  • Intégration.

Pour un site, placer le lien ci-dessous, entre les balises <head> et </head>.

<link href=’http://fonts.googleapis.com/css?family=Hanalei’ rel=’stylesheet’ type=’text/css’>

Sous WordPress, collez le lien en début de page en mode HTML (Texte)

Pour intégrer le code CSS, voici un exemple avec la police Hanalei:

<span style= »font-family: ‘Hanalei’, cursive; font-size: 25px;
color: orange; »>COUCOU</span>

Dans cet exemple :
– Le type de police est Hanalei (font-family: ‘Hanalei’, cursive;) cursive sinon
– la taille de la police est de 25 pixels (font-size: 25px;)
– la couleur de la police est orange (color: orange;).
Voilà, qu’en pensez-vous ? Intéressant ?

Add a Comment

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Lire plus :
disque dur
Récupérer les fichiers effacés de votre ordinateur avec Recuva

Cet après-midi, il m'est arrivé une mésaventure très désagréable. Des fichiers de mon ordinateur avaient disparu. Que ce soit moi...

tete girafe
Comment enlever le fond d’une image ?

Pour améliorer une photo, il est parfois intéressant de supprimer le fond de l'image, pour obtenir de la transparence, ajouter...

balises HTML
10 balises HTML pour mettre en forme un article.

Les balises HTML permettent la mise entre autre la mise en forme de vos pages et articles.Elles se présentent sous...

Fermer