Georgia on my mind

Vous aurez peut-être remarqué une petite figure de style sur Presse-citron depuis ce matin. Oh pas grand chose, le genre de truc dont certains diront que cela ne mérite même pas un billet : j’ai changé la police de caractère d’Arial à Georgia et agrandi un peu la taille des titres. Cette typo a le

Vous aurez peut-être remarqué une petite figure de style sur Presse-citron depuis ce matin. Oh pas grand chose, le genre de truc dont certains diront que cela ne mérite même pas un billet : j’ai changé la police de caractère d’Arial à Georgia et agrandi un peu la taille des titres.

Cette typo a le vent en poupe depuis quelques temps, et comme je suis un infâme suiveur je l’ai adoptée, en tout cas je regarde un peu ce que cela donne, sauf dans le bloc en haut de la colonne centrale car c’était difficilement lisible.

A ce propos, le design actuel de Presse-citron aura 2 ans fin 2009 et il sera temps pour une refonte graphique car je pense c’est un bon cycle pour le design d’un blog. Je commence déjà à y réfléchir et à noter deux ou trois trucs dans cette perspective, mais plus j’y pense et plus j’ai la conviction que cette refonte ne concernera pas que le design, et qu’elle sera bien plus profonde que cela.

Rien de très précis ni défini encore, juste un feeling, mais je pense que Presse-citron va évoluer de façon significative d’ici à la fin de l’année.

Edit : allez, vu les premières réactions, hop un petit sondage sur les typos :


Nos dernières vidéos

80 commentaires

  1. +1. Arial c’est le bien : des caractères d’imprimerie sans petites barres en bas des L, des i etc … (je crois que ça s’appelle des Sérif).

    Bref, j’approuve pas, mais sachant que je lis la plupart des articles dans Google Reader, je supporterai.

  2. Tiens je croyais que c’était un bug moi, j’ai même fait un Ctrl + F5 !
    Perso je préfère l’ancienne, plus facile à lire, peut-être une question d’habitude aussi (et oui je lis souvent Presse Citron !).

  3. Eric

    Peut-être que cela pose en effet un problème de cohérence avec la charte graphique générale de Presse-citron. Georgia convient sûrement davantage à des blogs de type magazine avec des tonalités plus neutres.

  4. Tous les ergonomes te le diront : les polices à empattement, comme Georgia, sont moins lisibles sur écran.

    Pour ma part, dans les sans empattement, j’ai choisi le verdana, plus agréable à lire que l’Arial à mon goût.

  5. Je n’aime pas du tout cette police… Pour moi c’est aussi laid que du courrier ! Prouve-nous que cette fonte a le vent en poupe… Des liens de grands sites ?

  6. On recommande parfois une police sans Serif pour le corps du texte (Arial, Helvetica, Verdana) et une police avec Serif (Georgia ou encore Trebuchet que j’aime bien…) pour les titres. Ca me parait un bon compromis, non ?

  7. Personnellement je préfère nettement cette version. Les polices à sérif (Times, Garamond, Georgia, …) sont bien plus faciles à lire, les sérifs permettant de mieux suivre le flot du texte.
    → cf premier paragraphe de http://interface.free.fr/Interface/Typo_guide.html

    Et puis ceux à qui ça ne plaît pas peuvent toujours utiliser l’extension Stylish :þ

  8. Je préférais aussi Arial, les polices avec empattements (serif) du type de Georgia sont moins recommandées pour les corps de texte, ça fatigue les noeils…

  9. Eric

    @Brian : bien sûr maintenant que tu me demandes ça ne me revient plus 🙂 mais j’ai l’impression que j’en vois de plus en plus, y compris de grands blogs US.
    Sinon voilà ce qui me vient à l’esprit tout de suite :
    http://pro.gigaom.com/
    http://www.2803.fr/
    Si j’en trouve d’autres entretemps je les ajouterai ici en commentaires

  10. Je préférais Arial également (désolé). Je n’aime pas du tout les polices « serif ».

    HS : En revanche, je tiens à te remercier pour le concours Transformers 2 ! J’ai reçu mon Hub cet après-midi !

  11. Pour un écran, il me semble qu’une police sans empattements est tout de même plus appropriée et moins fatigante. Les polices à empattements sont, quant à elles, bien plus agréables à lire sur du papier.
    Mais c’est une bonne idée de tester de de demander l’avis aux lecteurs !

  12. Je préfère grandement les polices sans sérif (sans empatements, quoi), et ma préférée est Helvetica Neue, suivie d’Helvetica, puis d’Arial…

  13. @ Pakito: le Sérif, c’est l’Empattement 😉

    @Eric: Effectivement, je trouve qu’il y a un manque de cohérence avec la charte de Presse-Citron, ne serait-ce qu’avec ton logo (qui lui est sans-sérif). Sinon, je pense Georgia est une police excellente, mais seulement seulement pour les titres (h1, h2…), pour les paragraphes je suis plutot Verdana 🙂

  14. Assez déroutant le changement juste pour une police différente.
    Il me semble qu’il reste un petit peu d’Arial sur le site.

  15. Pas fan non plus, j’ai du mal à rester à lire des articles entiers en Georgia.
    Un sans serif convient bien mieux à la lecture sur écran à mon avis.

  16. Ne devrais-tu pas utiliser une famille de polices « Ecran » au lieu d’utiliser des typo prévues pour l’impression (?)

    Sur FFox Mac j’ai du mal à lire là, vraiment

    par contre, la typo de tes Tags et d’une lisibilité à toutes épreuves, par exemple

  17. @ Eric, Je ne sais plus quoi pense après avoir vu les liens que tu as poste…
    Sur Presse-Citron et sur Pro.Gigaom, je trouve ça pas fameux, mais sur 2803 je trouve ça du meilleur effet… Qui peut me dire pourquoi ? Espacement inter-caractères ? Taille de la police ? Inter-ligne ?

  18. C’est pas trop le Georgia qui me derange mais le leading (ecart entre les lignes) qui pourrait etre augmenté. La lisibilité en sera grandement amelioré, parole de webdesigner. Un petit line-height:150% voir plus devrait aider.

    Après c’est vrai que ca jure un peu avec le reste (logo et Adsense sont sans serif), mais c’est pas la fin du monde. C’est le contenu qui compte comme ils disent.

  19. Je plussoie l’idée de Chob de mettre uniquement le titre des articles en Georgia. Maintenant moi ça ne choque pas, je trouve ça même agréable. 😛

  20. Agneuh. Ta police avec serif ça fait mal aux yeux… vraiment, et puis la couleur est trop sombre… Ca pique :'(

    Qui suis-je pour te donner des leçons ? Juste une pauvre lectrice à qui ton blog a donné mal aux yeux ce matin : ce serait vraiment con d’arrêter de te lire par ce que c’est pas lisible… T’es comme un brillant écolier qui fait des pattes de mouches là…

  21. Ça m’a dérangé au début, mais en lisant les commentaires, puis en faisant à nouveau un tour sur le site, ça passe mieux.
    Mais personnellement, je lis les articles dans Google Reader, donc ça ne me dérange pas.

  22. Nan mais sérieusement ? Une police serif pour du corps de texte ? Pour des titres oui mais pour des paragraphes sur le web, no wayyyyyyy !

  23. > Peut-être que cela pose en effet un problème de cohérence avec la charte graphique générale de Presse-citron.

    C’est exactement cela, avec ton design, Arial va mieux.
    Là ça fait un peu le truc rajouté et non adapté.

    Après l’habitude aussi…
    Et Verdana, tu as essayé ?

  24. Je n’ai rien contre cette police, bien au contraire, mais je trouve qu’elle ne vas pas avec le design du site… donc à tout prendre, je préférais l’arial.

  25. C’est une font de journaliste ça ! 🙂

    Non par contre, si tu veux la garder, je pense qu’augmenter le line-height serait pas un mal. Ca fait tout serrer, là.

  26. Eric

    @Seth : je lis Smashing mag de temps en temps mais je ne suis pas au courant de cet article, il a le même titre ? (là je ne peux pas vérifier, je suis sur mon iPhone dans une zone où ça passe très mal).
    Si c’est le cas c’est pure coincidence, je ne mamuserais pas a reprendre un titre Dun des blogs les plus lus au monde dans la communauté des webdesigners 😉

  27. Les polices avec serif comme Georgia c’est pas terrible pour du corps de texte (pour les titres oui, pas pour le corps).

    Il faudrait au moins augmenter le line-height pour que ça soit plus lisible.

  28. Ahhh je croyais que le site avait un problème de CSS !
    Par contre, bien que j’aime le style Georgia, je suis d’accord avec Eric disant que la police n’était peut-être pas adaptée au look actuel du blog.

  29. je sais pas ce que je couve ce soir mais il y a des évidences que je ne semble pas voir comme vous …
    Tout d’abord ces cris alarmants sur « les pattes de mouche » de cette typo ou pas suffisamment lisible ; j’ai toujours trouvé que Georgia était plus sympathique que Arial alors à moins qu’il y ait eu du changement, je ne comprends pas que vous puissiez mal la voir.
    Donc je m’empresse de voter pour Georgia !

    Ensuite pour achever ce que je pensais comme une évidence, GEORGIA fait directement penser à Ray Charles et pas à une image parmi un article d’un blog… Au pire ce titre ne serait que « je de mot trop facile ».

  30. Moi j’aime bien Georgia, mais j’augmenterais un peu l’interlignage pour faciliter la lisibilité.
    Si je puis me permettre …

  31. Bon bin c’est à moi de faire le vieux con :

    Les fontes à empattements, tout au moins dans la presse, c’est fait pour le corps de texte. Les empattements créent une ligne de lecture qui facilite la lecture rapide. Combiné à des lignes courtes et un travail correct de la justification qui donne une graphie distincte à chacune de ces lignes, on obtient une lisibilité très aboutie.

    Mais bon, le sujet c’est la publication sous forme numérico-hachetémélique, donc dans le royaume de la typographie couci-couçà. Nos écrans sont bien loin des quelques milliers de points par pouce des flasheuses épitèt que la lisibilité des fontes à empattements s’en ressent. Les lignes sont trop longues, sans justification d’ailleurs incontrôlable vu qu’on ne sait pas où se produira un passage à la ligne.

    Question subsidiaire : faut-il pour autant renoncer à un web agréable à lire ?

  32. Je me rajoute à la liste de ceux qui ne trouvent pas cette police très adaptée à presse-citron et c’est vrai que je me galère un peu à lire. C’est peut-être surtout car ça donne l’effet d’être tout empilé. Peut-être qu’en changeant la taille des interlignes et puis l’espacement entre les lettres on pourrait avoir quelques chose de plus lisible.
    Je viens d’aller faire un tour sur le site 2803.fr et c’est vrai que ça rend pas trop mal chez eux. Peut-être une piste à étudier si tu veux garder cette police !

  33. J’aime bien Georgia pour les titres. Pour le corps de texte je prefere Arial aussi.
    Je suis aussi de l’avis de ceux qui pensent que cela ne va pas avec le design du site. Je trouve que ça va très bien avc les design minimalistiques qui joue sur la typo.

  34. Cette typo a le vent en poupe d’accord mais c’est surtout l’expression « le vent en poupe » qui a le vent en poupe ces temps-ci 🙂 il fallait le signaler

  35. Pour ma part, je préfère de loin les polices moins « agressives » tel que Trebuchet ou Verdana… Arial ou Times, je les trouve terriblement moches.

  36. Perso je préfère largement Georgia ! Je trouve que ça donne plus de style au blog. Par contre je laisserai une police sans sérif sur le formulaire des commentaires. Peut être pas Arial, mais plutôt Verdana ou Trebuchet.

  37. @Eric Bien mieux l’interlignage !
    Idée : peut-être que pour les commentaires, garder une police sans sérif du type Verdana et pour tes proses, une police avec sérif ?

    @damien +1 Je n’ai jamais aimé non plus Arial ni Helvetica ; par contre, Times ne me gêne pas, au contraire.

  38. Je mange de la news au kilomètre avec mon agrégateur RSS, et je vous garantis qu’avec une police en pattes de mouches, j’ai plus qu’à m’acheter de nouveaux yeux.

    J’imagine bien un développeur programmer toute la journée en Georgia. Mouarf ..!

    Sinon sur http://arstechnica.com par exemple, y’a moyen de changer la police du site dynamiquement, je trouve ça sympa.

  39. Autant le Georgia est une belle police, mais sur un blog qui n’a pas une bonne charte graphique, ça passe mal.
    A la limite Trebuchet MS si tu veux changer, mais je garderais Arial…

  40. Euh… Chez moi, c’est… horrible !
    Mais ça doit venir du fait que je n’ai PAS cette police sur cet ordi.. 🙂
    (je referai un test sur un autre pc ce soir)

  41. Perso, pour un site de news comme le tiens, j’aurais choisi une sans-serif (arial, helvetica, etc etc).
    Mais remarque, il est vrai qu’avec le reste du design adapté (et pourquoi pas centré autour de cette typo ?), peut être que ça passera mieux ?

  42. J’aime beaucoup la police, mais VRAIMENT PAS sur ce site… Même en imaginant une autre charte, le blog est trop « tendance » pour aller chercher dans un catalogue de police « rétro »…

  43. J’aime beaucoup la police, mais VRAIMENT PAS sur ce site… Même en imaginant une autre charte, le blog est trop « tendance » pour aller chercher dans un catalogue de police « rétro »…

  44. Pardon, mal exprimé ^^ , la charte graphique qui colle pas avec le style d’écriture (j’ai vachement épuré le mien 😀 ).

  45. Lafrisouille on

    Personnellement je préfèrerai en Arial.
    Désolé pour le Grand Ray mais pour moi c’est plutôt Arial on my mind 😉

  46. @Benoit
    Le problème avec Calibri c’est qu’elle n’est pas sur tous les ordis, vu qu’elle est fourni avec Vista uniquement, sinon elle est payante.

  47. @Deytic
    Exact : toujours penser à préciser une police de secours dans le CSS. Chez moi, c’est Arial. Et si l’utilisateur n’a pas Arial (faut y aller quand même), Sans Serif !

  48. Georgia dérive de Times, mais deux gros inconvénient : les chiffres sont plus petits ‘0123…) ou descendants (7 9) ce qui lui donne une allure rétro, et elle chasse plus que Times

Répondre