Voici une liste affichant le rendu de différentes familles de fontes utilisant toutes la même taille en coulisse (font-size : 14px) mais n'ayant pas forcément la même hauteur à l'écran. Liste arbitraire qui évoluera (ou pas) en fonction de mon humeur du jour et de la découverte de LA police de caractère géniale qui "déchire sa race".
Cette liste est donc là pour comparer les rendus et pour constater les éventuelles différences d'affichage selon le navigateur, la machine utilisée et son système d'exploitation...
font-family en cours d'utilisation :
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed sit amet pede. Nunc vitae ligula eu lectus elementum pharetra. Ut lectus. Suspendisse vehicula dolor non arcu. Donec mattis, libero a tincidunt molestie, lacus nunc auctor metus, id interdum nibh eros a nunc. Phasellus nisl mauris, dapibus non, varius nec, porttitor a, felis. Morbi feugiat tortor. Nunc nunc. Nulla ac tortor id tellus iaculis porttitor.
Comme ce que vous voyez chez vous n'a peut-être rien à voir avec ce que je vois chez moi, voici deux copies d'écran (Windows 7 - 1920x1200 - anti-aliasing activé) :
font-family: Arial, Helvetica, sans-serif;
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed sit amet pede. Nunc vitae ligula eu lectus elementum pharetra. Ut lectus. Suspendisse vehicula dolor non arcu. Donec mattis, libero a tincidunt molestie, lacus nunc auctor metus, id interdum nibh eros a nunc. Phasellus nisl mauris, dapibus non, varius nec, porttitor a, felis. Morbi feugiat tortor. Nunc nunc. Nulla ac tortor id tellus iaculis porttitor.
font-family: 'Courier New', monospace
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed sit amet pede. Nunc vitae ligula eu lectus elementum pharetra. Ut lectus. Suspendisse vehicula dolor non arcu. Donec mattis, libero a tincidunt molestie, lacus nunc auctor metus, id interdum nibh eros a nunc. Phasellus nisl mauris, dapibus non, varius nec, porttitor a, felis. Morbi feugiat tortor. Nunc nunc. Nulla ac tortor id tellus iaculis porttitor.
font-family: 'Times New Roman', Times, serif
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed sit amet pede. Nunc vitae ligula eu lectus elementum pharetra. Ut lectus. Suspendisse vehicula dolor non arcu. Donec mattis, libero a tincidunt molestie, lacus nunc auctor metus, id interdum nibh eros a nunc. Phasellus nisl mauris, dapibus non, varius nec, porttitor a, felis. Morbi feugiat tortor. Nunc nunc. Nulla ac tortor id tellus iaculis porttitor.
font-family: Verdana, Geneva, sans-serif;
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed sit amet pede. Nunc vitae ligula eu lectus elementum pharetra. Ut lectus. Suspendisse vehicula dolor non arcu. Donec mattis, libero a tincidunt molestie, lacus nunc auctor metus, id interdum nibh eros a nunc. Phasellus nisl mauris, dapibus non, varius nec, porttitor a, felis. Morbi feugiat tortor. Nunc nunc. Nulla ac tortor id tellus iaculis porttitor.
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, sans-serif;
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed sit amet pede. Nunc vitae ligula eu lectus elementum pharetra. Ut lectus. Suspendisse vehicula dolor non arcu. Donec mattis, libero a tincidunt molestie, lacus nunc auctor metus, id interdum nibh eros a nunc. Phasellus nisl mauris, dapibus non, varius nec, porttitor a, felis. Morbi feugiat tortor. Nunc nunc. Nulla ac tortor id tellus iaculis porttitor.
font-family: 'New Century Schoolbook', 'Century Schoolbook', 'Century Schoolbook L', Georgia, serif; - (source : thème Ductile pour Dotclear)
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed sit amet pede. Nunc vitae ligula eu lectus elementum pharetra. Ut lectus. Suspendisse vehicula dolor non arcu. Donec mattis, libero a tincidunt molestie, lacus nunc auctor metus, id interdum nibh eros a nunc. Phasellus nisl mauris, dapibus non, varius nec, porttitor a, felis. Morbi feugiat tortor. Nunc nunc. Nulla ac tortor id tellus iaculis porttitor.
font-family: 'DejaVu Sans', 'Lucida Grande', 'Bitstream Vera Sans', Helvetica, Arial, sans-serif; - (source : forum Dotclear)
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed sit amet pede. Nunc vitae ligula eu lectus elementum pharetra. Ut lectus. Suspendisse vehicula dolor non arcu. Donec mattis, libero a tincidunt molestie, lacus nunc auctor metus, id interdum nibh eros a nunc. Phasellus nisl mauris, dapibus non, varius nec, porttitor a, felis. Morbi feugiat tortor. Nunc nunc. Nulla ac tortor id tellus iaculis porttitor.