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 :
Zombie_Tsunami
Zombie Tsunami, le jeu Android du moment.

En ce moment un jeu plaît particulièrement aux grands comme aux petits, il s'agit de Zombie Tsunami.C'est un jeu de...

estimation nom de domaine
Estimez la valeur de votre nom de domaine et de votre site.

Saviez-vous qu'il est possible de gagner de l'argent en vendant des noms de domaine ?Certains noms de domaine ont une...

Fermer