Ico JavaScript
Ico CSS
Ico HTML
Ico mooTools
Ico PHP
Ico Astuces

Intégrer des polices de caractère personnalisées

Date 09/09/2012
Ico HTML
Ico CSS
Comms 1 commentaire

Un court billet pour expliquer très brièvement comment intégrer une police personnalisée sur son site grâce à Google Fonts et à l'API Google.


Google Web Fonts est un site qui propose d'utiliser dans nos pages web des polices autres que les standards tel que l'Arial, le Times ou le Sans Serif par exemple.


Le site propose des tonnes de polices, pour les intégrer à une page web, rien de plus simple : dans la section head de la page, ajouter le lien vers la feuille de style, puis dans les définitions CSS, on peut utiliser le nom de la police personnalisée via le font-family.


Par exemple, si je souhaite que ma page utilise la police Oregano pour tout texte :

<link href='http://fonts.googleapis.com/css?family=Oregano'

        rel='stylesheet' type='text/css'>

<style>

  body { font-family: 'Oregano', Arial; }

</style>

On peut définir une police de secours, au cas où le navigateur ne supporte pas le script de Google.



Vous avez aimé ce billet ?

 

Vous aimerez peut être...
> Héberger et lier sa propre police personnalisée
> Intégration Google Map
> Le débugger de Chrome
> Génération d'une bannière texte
> ComboBox pour envoi de fichiers
 

Mot-clefs de ce billet...
caractere google integrer personnalisees police polices

Commentaires


anonyme   26/10/2012 10:29:51
A noter que lorsque la police se nomme avec un nom contenant des espaces, le paramètre "family=" doit contenir des " " en lieu et place des espaces.

Ajouter un commentaire


La validation des commentaires se fait automatiquement, suite à la validation d'un « captcha » qui permet de filtrer le spam. La publication de votre commentaire se fera ensuite automatiquement. L'administrateur du blog se réserve toutefois le droit de supprimer votre commentaire après publication s'il contrevient à nos condition d'utilisation ou s'il est considéré comme spam.

Auteur
Email
 
(facultatif et caché)
Site web
 
(facultatif)
Message

Ico Valider


MP  Mighty Productions
> Blogs
> Partage de codes sources - PHP / JS / mooTools
> HTML
> Intégrer des polices de caractère personnalisées
 
RSS       Mentions légales       Comms  Haut de la page  
◄ ►