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 ?



En relation avec cet article

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. Apprenez comment les données de vos commentaires sont utilisées.

Lire plus :
lettre orc
ORC : 4 sites pour convertir des images jpg en documents Word doc ou texte.

Pour faire de la reconnaissance de caractères dans une image jpg ou gif et la transformer en document word doc,...

image loader
5 générateurs de loaders animés en ligne.

Pour indiquer aux utilisateurs que le navigateur est entrain de charger des données, on utilise souvent des GIF animés. En...

lien vers ancre dans page
Un générateur de texte 3D.

Un texte 3D, c'est joli et cela peut-être utilisé pour de nombreuses applications, comme des bannières, des headers etc. Proposer...

Fermer