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 :
UnFREEz
UnFREEz, un mini logiciel pour créer des GIF animés.

UnFREEz est un logiciel poids plus 28 ko mais qui réalise la prouesse de créer des GIF animés à partir...

générateur de gif animés
7 sites pour créer des GIF animés en ligne.

Les GIF animés j'adore. Ça donne de la vie aux pages web. Parfois c'est amusant. Voici 7 générateurs en ligne...

piano-tiles
Piano Tiles : un jeu d’adresse android addictif

Le principe de Piano Tiles consiste à appuyer sur les touches noires du "piano" qui défilent sans en oublier aucune....

Fermer