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 :
📍 Pour ne manquer aucune actualité de Presse-citron, suivez-nous sur Google Actualités et WhatsApp.
Dommage je préferais en Arial 🙂 (j’ai refais le test avec firebug pour être sûr).
Justement j’avais remarqué un changement mais impossible de trouver donc ce n’est pas un billet inutile 🙂
+1, petit préférence pour l’arial
Non pour le moment j’aime bien, attendons l’avis des autres 🙂
+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.
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 !).
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.
Je suis également favorable à la police d’avant, car la il est vrai que c’est un peu moins lisible
mouaip… bof pas fan, RipArial … Pas plus d’arguments à donner !
j’aime sans plus cette police :/
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.
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 ?
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 ?
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 :þ
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…
@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
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/
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 !
Georgia power!
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 !
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…
@ 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 🙂
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.
De même, je préfère le sans serif et Arial convient tout à fait.
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.
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
Je préfère l’Arial … pas très lisible celle-ci.
@ 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 ?
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.
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. 😛
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à…
Ç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.
Comme personne l’a encore fait :
tu devrais tester le comic sans ms… au moins pendant 24h !
Sinon j’aime bien Georgia
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 !
> 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é ?
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.
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à.
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… 😉
@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 😉
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.
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.
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”.
Moi j’aime bien Georgia, mais j’augmenterais un peu l’interlignage pour faciliter la lisibilité.
Si je puis me permettre …
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 ?
Certaine distri linux n’ont pas Georgia d’origine je crois
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 !
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.
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
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.
J’ai augmenté l’interlignage, c’est mieux comme ça ?
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.
C’est toujours ça de pris. Je préfère déjà mieux comme ça. C’est plus aéré !
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.
@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.
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/
@Elo Dans mes bras, on a les mêmes avis 😉
(J’avais pas vu ton commentaire avant de poster le mien !!)
(Désolé pour le triple post )
Ah oui j’avais oublié Archiduchesse, normal je n’y vais qu’une fois par jour 🙂
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
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.
@Rumsteak : rassure-moi, Presse-citron n’est pas en Georgia dans ton agrégateur ?
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…
“…sur un blog qui n’a pas une bonne charte graphique”
Tu parles du tien ? 🙂
Je trouve le texte plus lisible et plus clair.
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)
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 ?
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”…
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”…
@Eric : euh non mais je lis les articles sur ton site je trouves ça plus sympa.
Pardon, mal exprimé ^^ , la charte graphique qui colle pas avec le style d’écriture (j’ai vachement épuré le mien 😀 ).
Personnellement je préfèrerai en Arial.
Désolé pour le Grand Ray mais pour moi c’est plutôt Arial on my mind 😉
Bonjour à tou(te)s,
Eric, si vous voulez faire des tests de fontes :
http://www.typetester.org/
Prefs. perso : Verdana, arial, trébuchet 😉
Il s’agit quand de la police du journal Le Monde sur le web depuis pas mal de temps.
Je trouve que la police la plus sympa actuellement, c’est Calibri. Tu devrais essayer Eric.
@stefhan : archiduchesse.com utilise du sérif, pas du sans sérif.
@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.
@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 !
@Galdon Oooups oui il faut enlever le mot “sans” ! Merci Sheriff ! 😉
@Eric : http://www.challenges.fr utilise la fameuse police !
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