Suivez-nous

Internet

Georgia on my mind

Il y a

  

le

 

Par

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 :

Newsletter 🍋 Inscrivez-vous à la newsletter tout juste sortie du four, rien que pour vous

80 Commentaires

80 Commentaires

  1. Gabriel

    10 juillet 2009 at 17 h 51 min

    Dommage je préferais en Arial 🙂 (j’ai refais le test avec firebug pour être sûr).

  2. Pvtiste

    10 juillet 2009 at 17 h 53 min

    Justement j’avais remarqué un changement mais impossible de trouver donc ce n’est pas un billet inutile 🙂

  3. Sylvain Pellier

    10 juillet 2009 at 17 h 59 min

    +1, petit préférence pour l’arial

  4. Eric

    10 juillet 2009 at 18 h 14 min

    Non pour le moment j’aime bien, attendons l’avis des autres 🙂

  5. Pakito

    10 juillet 2009 at 18 h 15 min

    +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.

  6. Deytic

    10 juillet 2009 at 18 h 20 min

    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 !).

  7. Eric

    10 juillet 2009 at 18 h 20 min

    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.

  8. RallyeSport

    10 juillet 2009 at 18 h 24 min

    Je suis également favorable à la police d’avant, car la il est vrai que c’est un peu moins lisible

  9. jaguie

    10 juillet 2009 at 18 h 24 min

    mouaip… bof pas fan, RipArial … Pas plus d’arguments à donner !

  10. FOx15

    10 juillet 2009 at 18 h 31 min

    j’aime sans plus cette police :/

  11. Julien Appert

    10 juillet 2009 at 18 h 35 min

    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.

  12. Brian

    10 juillet 2009 at 18 h 37 min

    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 ?

  13. Chob

    10 juillet 2009 at 18 h 38 min

    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 ?

  14. Cyrille

    10 juillet 2009 at 18 h 42 min

    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 :þ

  15. Fabes

    10 juillet 2009 at 18 h 43 min

    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…

  16. Eric

    10 juillet 2009 at 18 h 47 min

    @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

  17. Cerium

    10 juillet 2009 at 18 h 51 min

    Je trouve que Georgia est bien pour des sites dont le design se base principalement sur la typo (ce qui n’est pas le cas de Presse-Citron) 😉 Je pense par exemple à http://media2.smashingmagazine.com/wp-content/uploads/images/type-layouts/extreme-georgia/

  18. Niaatan

    10 juillet 2009 at 18 h 53 min

    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 !

  19. henri

    10 juillet 2009 at 18 h 53 min

    Georgia power!

  20. Fred

    10 juillet 2009 at 18 h 54 min

    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 !

  21. al.jes

    10 juillet 2009 at 18 h 57 min

    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…

  22. riiad

    10 juillet 2009 at 18 h 57 min

    @ 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 🙂

  23. JB

    10 juillet 2009 at 19 h 07 min

    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.

  24. Rumsteak

    10 juillet 2009 at 19 h 10 min

    De même, je préfère le sans serif et Arial convient tout à fait.

  25. djib

    10 juillet 2009 at 19 h 12 min

    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.

  26. OD

    10 juillet 2009 at 19 h 18 min

    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

  27. Pino

    10 juillet 2009 at 19 h 22 min

    Je préfère l’Arial … pas très lisible celle-ci.

  28. Brian

    10 juillet 2009 at 19 h 41 min

    @ 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 ?

  29. Jeremy

    10 juillet 2009 at 19 h 44 min

    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.

  30. Camille

    10 juillet 2009 at 20 h 37 min

    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. 😛

  31. Paloma

    10 juillet 2009 at 20 h 38 min

    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à…

  32. QNux

    10 juillet 2009 at 20 h 38 min

    Ç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.

  33. Arnaud

    10 juillet 2009 at 21 h 03 min

    Comme personne l’a encore fait :
    tu devrais tester le comic sans ms… au moins pendant 24h !

    Sinon j’aime bien Georgia

  34. Alex

    10 juillet 2009 at 21 h 09 min

    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 !

  35. Daweb

    10 juillet 2009 at 21 h 18 min

    > 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é ?

  36. Seth

    10 juillet 2009 at 21 h 23 min

    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.

  37. Djoh

    10 juillet 2009 at 21 h 58 min

    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à.

  38. Seth

    10 juillet 2009 at 22 h 08 min

    Mais dis moi Eric, tu ne serais pas un lecteur de Smashing Magazine (http://www.smashingmagazine.com/2009/07/08/free-typographic-xhtmlcss-layouts-for-your-designs/) par hasard ? Parce qu’au niveau du titre… 😉

  39. Eric

    10 juillet 2009 at 22 h 38 min

    @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 😉

  40. Galdon

    11 juillet 2009 at 0 h 10 min

    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.

  41. stefhan

    11 juillet 2009 at 0 h 52 min

    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.

  42. hanabi

    11 juillet 2009 at 1 h 04 min

    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 ».

  43. djoodjoo

    11 juillet 2009 at 1 h 06 min

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

  44. Vieuxcon

    11 juillet 2009 at 1 h 12 min

    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 ?

  45. xtra

    11 juillet 2009 at 1 h 14 min

    Certaine distri linux n’ont pas Georgia d’origine je crois

  46. Scrubs

    11 juillet 2009 at 2 h 39 min

    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 !

  47. Sd1

    11 juillet 2009 at 3 h 14 min

    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.

  48. Buzzle

    11 juillet 2009 at 6 h 30 min

    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

  49. Vincent

    11 juillet 2009 at 8 h 22 min

    Je préfère Georgia, mais c’est plus la taille du texte et l’interlignage que j’augmenterai un petit peu. Je finis par lire tous les articles en utilisant le bookmarklet « Readbility » (http://lab.arc90.com/experiments/readability/) pour plus de confort

    C’est vrai aussi que la typo n’est plus très cohérente avec le design du site.

  50. Eric

    11 juillet 2009 at 8 h 57 min

    J’ai augmenté l’interlignage, c’est mieux comme ça ?

  51. damien

    11 juillet 2009 at 9 h 06 min

    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.

  52. Scrubs

    11 juillet 2009 at 9 h 09 min

    C’est toujours ça de pris. Je préfère déjà mieux comme ça. C’est plus aéré !

  53. Elo

    11 juillet 2009 at 9 h 42 min

    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.

  54. stefhan

    11 juillet 2009 at 11 h 04 min

    @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.

  55. stefhan

    11 juillet 2009 at 11 h 09 min

    Pour info, archiduchesse.com utilise des polices sans sérif, notamment pour le blog : ça a un très bel effet !

    http://www.archiduchesse.com/blog/

  56. stefhan

    11 juillet 2009 at 11 h 10 min

    @Elo Dans mes bras, on a les mêmes avis 😉
    (J’avais pas vu ton commentaire avant de poster le mien !!)

  57. stefhan

    11 juillet 2009 at 11 h 11 min

    (Désolé pour le triple post :mrgreen: )

  58. Eric

    11 juillet 2009 at 11 h 16 min

    Ah oui j’avais oublié Archiduchesse, normal je n’y vais qu’une fois par jour 🙂

  59. Akashrine

    11 juillet 2009 at 11 h 37 min

    Georgia est une police très bien finie, après je trouve ton site un peu trop moderne pour une serifé donc je sais pas trop. Si tu veux j’ai fait un article sur la typographie web :
    http://www.akashrine.fr/2009/06/typographie-web-le-guide/

    Ca peut surement vous intéresser

  60. Rumsteak

    11 juillet 2009 at 14 h 56 min

    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.

  61. Eric

    11 juillet 2009 at 15 h 06 min

    @Rumsteak : rassure-moi, Presse-citron n’est pas en Georgia dans ton agrégateur ?

  62. MyGB

    11 juillet 2009 at 15 h 32 min

    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…

  63. Eric

    11 juillet 2009 at 15 h 41 min

    « …sur un blog qui n’a pas une bonne charte graphique »
    Tu parles du tien ? 🙂

  64. mapics

    11 juillet 2009 at 16 h 37 min

    Je trouve le texte plus lisible et plus clair.

  65. Mpok

    11 juillet 2009 at 18 h 10 min

    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)

  66. Simon+H.

    12 juillet 2009 at 5 h 05 min

    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 ?

  67. Tournesol

    12 juillet 2009 at 7 h 49 min

    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 »…

  68. Tournesol

    12 juillet 2009 at 7 h 49 min

    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 »…

  69. Rumsteak

    12 juillet 2009 at 11 h 20 min

    @Eric : euh non mais je lis les articles sur ton site je trouves ça plus sympa.

  70. MyGB

    12 juillet 2009 at 14 h 29 min

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

  71. Lafrisouille

    12 juillet 2009 at 18 h 39 min

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

  72. Michel

    12 juillet 2009 at 23 h 49 min

    Bonjour à tou(te)s,

    Eric, si vous voulez faire des tests de fontes :

    http://www.typetester.org/

    Prefs. perso : Verdana, arial, trébuchet 😉

  73. Magritte

    13 juillet 2009 at 5 h 43 min

    Il s’agit quand de la police du journal Le Monde sur le web depuis pas mal de temps.

  74. Benoit

    13 juillet 2009 at 10 h 25 min

    Je trouve que la police la plus sympa actuellement, c’est Calibri. Tu devrais essayer Eric.

  75. Galdon

    13 juillet 2009 at 11 h 20 min

    @stefhan : archiduchesse.com utilise du sérif, pas du sans sérif.

  76. Deytic

    13 juillet 2009 at 14 h 38 min

    @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.

  77. Benoit

    13 juillet 2009 at 16 h 53 min

    @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 !

  78. stefhan

    13 juillet 2009 at 18 h 49 min

    @Galdon Oooups oui il faut enlever le mot « sans » ! Merci Sheriff ! 😉

  79. Brian

    20 juillet 2009 at 14 h 44 min

    @Eric : http://www.challenges.fr utilise la fameuse police !

  80. LuSel

    22 novembre 2009 at 12 h 14 min

    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

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

À la une

Les bons plans

Dernières news

Newsletter 🍋 Inscrivez-vous à la newsletter tout juste sortie du four, rien que pour vous

Les tests