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
> Génération d'une bannière texte
> Le débugger de Chrome
> 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 manuellement par l'administrateur du blog. La publication de votre commentaire se fera donc une fois que l'administrateur du blog l'aura accepté. Toutefois, si votre commentaire ne respecte pas les conditions d'utilisation ou s'il est considéré comme spam, il sera supprimé sans être publié.

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  
◄ ►