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 :
papillon
Les 12 meilleurs sites de retouches photos en ligne gratuits.

Pour retoucher les photos, il n'est pas nécessaire d'installer des logiciels coûteux. Tout ou presque peut se faire en ligne....

pagerank
Comment connaître le PageRank et les Backlinks de votre site ?

Le PageRank Google est l'indice de popularité de votre site. Il dépend du nombre de liens qui pointe vers votre site...

couverture_outils-web
Comment créer et changer une couverture Facebook ?

La TimeTime FaceBook, c'est-à-dire sa couverture est la première chose que remarque un internaute en arrivant sur une page Facebook....

Fermer