3 outils pour tester et choisir une police de caractères pour un site web

Publié le 13 déc 06 à 07:13 | Catégorie : Web 2.0 | 7 commentaires

Tous ceux qui conçoivent des sites web le savent bien : on ne peut pas utiliser n’importe quelle police de caractères pour le texte car les navigateurs Internet utilisent celles disponibles sur la machine où ils sont installés. Heureusement, les systèmes d’exploitations des PCs et des Macs disposent par défaut d’un ensemble de polices dont certaines sont communes aux deux plateformes. Mais cette liste de polices est plutôt réduite.

Par ailleurs, les navigateurs affichent le texte avec un rendu bien moins fin que dans des logiciels de retouches d’images spécialisés. Heureusement, voici 3 applications en ligne et gratuites qui vont vous permettre de tester en situation le rendu de ces polices de caractères et de choisir la plus adaptée parmi celles disponibles.

Typetester La première d’entre elles, Typetester, est sans aucun doute la plus jolie. Elle permet de visualiser simultanément le rendu de 3 polices de caractères différentes avec plusieurs effets à chaque fois (gras, italique, majuscules, …) :

Typetester

Tout est paramétrable (taille, alignement, couleur, etc) et il est même possible de générer le code CSS correspondant aux réglages en cours.

Font Tester Font Tester fonctionne de la même manière, mais est un petit peu moins pratique à l’usage et ne permet pas de voir plusieurs effets à la fois. En contrepartie, il est doté d’une carte pour voir d’un seul coup d’oeil tous les caractères dans une police donnée :

Font Tester

Enfin, Typeviewer est une application beaucoup plus simple qui n’affiche qu’un seul texte (et donc une seule police) à l’écran. Mais il permet de modifier au clavier les valeurs de chaque paramètre. Idéal lorsqu’on a choisi la police de caractères et qu’il ne reste plus qu’à fignoler les réglages :

Typeviewer

A noter aussi dans un registre un tout petit peu différent STC fontBrowser 2.0 qui lui permet par contre de visualiser toutes les polices installées sur votre machine.

Et vous, quel outil utilisez-vous ?

A lire également

Vous pouvez continuer votre lecture sur des sujets similaires en consultant les articles suivants :

Les visiteurs qui ont vu cette page ont consulté ensuite :

A savoir

La rédaction de cet article a nécessité 1 heure et 6 minutes. Si vous le souhaitez, vous pouvez être prévenu de la parution de nouveaux articles en vous abonnant par RSS ou par email.

7 commentaires à propos de “3 outils pour tester et choisir une police de caractères pour un site web” :

  1. Très très intéressant, si ça ne te dérange pas je vais les ajouter à mon article sur les bases de la mise en page.

    Merci pour les infos.

    Aymeric Jacquet le 13 décembre 2006 à 12:35 (#1)

  2. Belle trouvaille ! Merci pour l’info, je relaie aussi :)

    Loxodon le 13 décembre 2006 à 23:15 (#2)

  3. Pas mal ces outils je garde ca sous la main.

    J’ai une question qui n’a rien à voir avec le sujet : comment fait tu pour afficher le lien “A voir aussi…” à la fin de chaque post dans ton flux RSS.

    Thomas le 15 décembre 2006 à 21:41 (#3)

  4. Thomas, j’utilise le service Feedvertising de Text Link Ads qui te permet de placer de la publicité à la fin de chaque article dans ton flux RSS. Et du coup, tu peux également utiliser cet emplacement pour afficher les liens que tu veux.

    Stéphane le 16 décembre 2006 à 07:22 (#4)

  5. Ok merci
    Pour Text Link ads mon blog est encore trop jeune pour les interesser mais peut-être dans quelques temps…

    Thomas le 16 décembre 2006 à 17:37 (#5)

  6. But he masturbated her middlefinger, lesbian tease so lovely, his ass until i.

    oqyjfupfu le 22 novembre 2007 à 19:41 (#6)

  7. Je conseille aussi dafont : http://www.dafont.com/fr/.

    Youssef le 25 mars 2008 à 14:44 (#7)

Ajouter un commentaire

Les informations obligatoires sont indiquées par une étoile rouge *.


Non, c'est vraiment le nouveau nom d'Haystack. Par contre, je ne savais que 37Signals avait rajouté la France dedans.

Articles Récents

Les derniers articles publiés

A Propos

Je m’appelle Stéphane Thomas et je suis Ingénieur Senior expert dans le développement d'applications web complexes. Etant également un peu Entrepreneur, j'ai tenté l'aventure de la création d'un nouveau service Internet appelé Loomiz. Je suis maintenant le cofondateur d'Hitomi Studio, un studio de développement spécialisé dans la réalisation de sites ecommerce haut de gamme pour de jolies marques.

Lire la suite…