Close

Pas encore membre ? Enregistrez vous et commençons.

lock and key

Vous connecter à votre compte

Account Login

Mot de passe oublié ?

WP – Customiser les polices de son site

WP – Customiser les polices de son site
 

Les différentes solutions exposée dans cet article vont vous permettre d’utiliser d’autres polices que celles utilisées par défaut sur le web (arial, verdana etc). Pour chaque solution je vais vous présenter les avantages ainsi que les inconvénients.

@font-face

La solution la plus élémentaire pour customiser les polices est le CSS3 avec la propriété @font-face. Je suis sûr que nous sommes tous familiers avec @font-face maintenant, il vous permet de charger un fichier de police à partir de votre CSS et appliquer cette police pour le style de votre texte HTML.

Pour :

  • Utilise CSS. Aucun Javascript ou Flash
  • Complètement accessible
  • Facile à implémenter sans plugin externe

Contre :

  • Limité aux polices open source

 

Google Web Fonts

Depuis que Google a lancé Google Web Fonts API le service s’est amélioré pour inclure des centaines de polices disponibles gratuitement pour l’utilisation dans vos site. Le service a été un succès dès le début, même avec sa petite collection de police, mais il y a maintenant toute une bibliothèque de styles disponibles, c’est certainement l’une des meilleures solutions de polices personnalisées.

Pour :

  • Utilise CSS. Aucun Javascript ou Flash
  • Complètement accessible
  • Google héberge les polices, elles sont mit en cache et très rapide à charger
  • Facile à implémenter via la librairie de Google

Contre :

  • Le choix est limité à quelques polices gratuites

 

Typekit

Pour ceux qui ont besoin polices professionnelles ou classiques dans leurs conceptions de marque de l’entreprise, Typekit est certainement la meilleure solution. Contrairement à d’autres services gratuits, Typekit permet l’incorporation de polices populaires de qualité supérieure tels que Futura, Meta et Cocon.

Pour :

  • Librairie de police très vaste, avec beaucoup de police classique
  • Le service a été acquis par Adobe, ce qui suggère qu’il sera maintenu et fiable
  • Facile à implémenter avec l’interface en ligne de Typekit

Contre :

  • Service premium avec un paiement à l’année

 

Cufon

Aujourd’hui Cufon est éclipsé par les service de plus grande ampleur qui fournissent leurs polices Web, mais il a été une ressource très utile à son lancement. Cufon est basé sur Javascript qui le rend idéal pour la compatibilité entre les anciens navigateurs qui ne prennent pas en charge la propriété @font-face, mais il est livré avec quelques inconvénients qui lui sont propres.

Pour :

  • Bon support des différents navigateurs
  • Le jeu de caractère peu être limité pour réduire la taille du fichier javascript

Contre :

  • On ne peut pas sélectionner le texte
  • Doit être utilisé de préférence sur les titres
  • Limité aux polices open source

 

sIFR

Lorsque sIFR a été introduit il y a plusieurs années il a été un ajout révolutionnaire à la boîte à outils du web designer. De nos jours, la technologie Flash derrière sIFR n’est tout simplement pas conforme à l’accessibilité et la performance nominale par rapport aux solutions alternatives nouvelles.

Pour :

  • Toutes les polices peuvent être utilisées, même les classiques
  • Le texte reste sélectionnable

Contre :

  • Technologie basé sur Flash, lent et lourd
  • Ne fonctionnera pas sur les produit Apple ou n’ayant pas Flash
  • Difficile à implémenter

 

Typeface.js

Typeface.js a été créé comme une alternative viable à sIFR et FLIR car elle ne nécessite pas d’autres technologies telles que Flash ou PHP, étant entièrement basée Javascript.

Pour :

  • Bon support des différents navigateurs
  • Facile à implémenter avec quelques liens Javascript

Contre :

  • Transforme le texte en une image, donc sélection impossible
  • Doit être utilisé de préférence pour les titres et pas dans le corps du texte
  • Limité aux polices open sources

 

Voila j’espère que cet article vous aura aidé. Actuellement sur le site j’utilise Cufon, qui était à l’origine dans le template. Cependant je songe à le remplacer par Google Web font, qui me permettrait de garder le texte sélectionnable et de pouvoir changer la police du texte des articles.

Laisser un commentaire