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 :
Voir tous les articles de Eric
80 commentaires pour "Georgia on my mind"
1
Gabriel le 10 juillet 2009 à 17:51
Dommage je préferais en Arial
(j’ai refais le test avec firebug pour être sûr).
2
Pvtiste le 10 juillet 2009 à 17:53
Justement j’avais remarqué un changement mais impossible de trouver donc ce n’est pas un billet inutile
3
Sylvain Pellier le 10 juillet 2009 à 17:59
+1, petit préférence pour l’arial
4
Eric le 10 juillet 2009 à 18:14
Non pour le moment j’aime bien, attendons l’avis des autres
5
Pakito le 10 juillet 2009 à 18:15
+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 le 10 juillet 2009 à 18:20
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 le 10 juillet 2009 à 18:20
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 le 10 juillet 2009 à 18:24
Je suis également favorable à la police d’avant, car la il est vrai que c’est un peu moins lisible
9
jaguie le 10 juillet 2009 à 18:24
mouaip… bof pas fan, RipArial … Pas plus d’arguments à donner !
10
FOx15 le 10 juillet 2009 à 18:31
j’aime sans plus cette police :/
11
Julien Appert le 10 juillet 2009 à 18:35
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 le 10 juillet 2009 à 18:37
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 le 10 juillet 2009 à 18:38
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 le 10 juillet 2009 à 18:42
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 le 10 juillet 2009 à 18:43
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 le 10 juillet 2009 à 18:47
@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 le 10 juillet 2009 à 18:51
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.....e-georgia/
18
Niaatan le 10 juillet 2009 à 18:53
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 le 10 juillet 2009 à 18:53
Georgia power!
20
Fred le 10 juillet 2009 à 18:54
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 le 10 juillet 2009 à 18:57
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 le 10 juillet 2009 à 18:57
@ 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 le 10 juillet 2009 à 19:07
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 le 10 juillet 2009 à 19:10
De même, je préfère le sans serif et Arial convient tout à fait.
25
djib le 10 juillet 2009 à 19:12
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 le 10 juillet 2009 à 19:18
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 le 10 juillet 2009 à 19:22
Je préfère l’Arial … pas très lisible celle-ci.
28
Brian le 10 juillet 2009 à 19:41
@ 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 le 10 juillet 2009 à 19:44
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 le 10 juillet 2009 à 20:37
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 le 10 juillet 2009 à 20:38
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 le 10 juillet 2009 à 20:38
Ç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 le 10 juillet 2009 à 21:03
Comme personne l’a encore fait :
tu devrais tester le comic sans ms… au moins pendant 24h !
Sinon j’aime bien Georgia
34
Alex le 10 juillet 2009 à 21:09
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 le 10 juillet 2009 à 21:18
> 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 le 10 juillet 2009 à 21:23
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 le 10 juillet 2009 à 21:58
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 le 10 juillet 2009 à 22:08
Mais dis moi Eric, tu ne serais pas un lecteur de Smashing Magazine (http://www.smashingmagazine.co.....r-designs/) par hasard ? Parce qu’au niveau du titre…
39
Eric le 10 juillet 2009 à 22:38
@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 le 11 juillet 2009 à 00:10
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 le 11 juillet 2009 à 00:52
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 le 11 juillet 2009 à 01:04
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 le 11 juillet 2009 à 01:06
Moi j’aime bien Georgia, mais j’augmenterais un peu l’interlignage pour faciliter la lisibilité.
Si je puis me permettre …
44
Vieuxcon le 11 juillet 2009 à 01:12
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 le 11 juillet 2009 à 01:14
Certaine distri linux n’ont pas Georgia d’origine je crois
46
Scrubs le 11 juillet 2009 à 02:39
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 le 11 juillet 2009 à 03:14
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 le 11 juillet 2009 à 06:30
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 le 11 juillet 2009 à 08:22
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 le 11 juillet 2009 à 08:57
J’ai augmenté l’interlignage, c’est mieux comme ça ?
51
damien le 11 juillet 2009 à 09:06
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 le 11 juillet 2009 à 09:09
C’est toujours ça de pris. Je préfère déjà mieux comme ça. C’est plus aéré !
53
Elo le 11 juillet 2009 à 09:42
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 le 11 juillet 2009 à 11:04
@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 le 11 juillet 2009 à 11:09
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 le 11 juillet 2009 à 11:10
@Elo Dans mes bras, on a les mêmes avis
(J’avais pas vu ton commentaire avant de poster le mien !!)
57
stefhan le 11 juillet 2009 à 11:11
(Désolé pour le triple post
)
58
Eric le 11 juillet 2009 à 11:16
Ah oui j’avais oublié Archiduchesse, normal je n’y vais qu’une fois par jour
59
Akashrine le 11 juillet 2009 à 11:37
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/0.....-le-guide/
Ca peut surement vous intéresser
60
Rumsteak le 11 juillet 2009 à 14:56
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 le 11 juillet 2009 à 15:06
@Rumsteak : rassure-moi, Presse-citron n’est pas en Georgia dans ton agrégateur ?
62
MyGB le 11 juillet 2009 à 15:32
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 le 11 juillet 2009 à 15:41
« …sur un blog qui n’a pas une bonne charte graphique »
Tu parles du tien ?
64
mapics le 11 juillet 2009 à 16:37
Je trouve le texte plus lisible et plus clair.
65
Mpok le 11 juillet 2009 à 18:10
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. le 12 juillet 2009 à 05:05
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 le 12 juillet 2009 à 07:49
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 le 12 juillet 2009 à 07:49
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 le 12 juillet 2009 à 11:20
@Eric : euh non mais je lis les articles sur ton site je trouves ça plus sympa.
70
MyGB le 12 juillet 2009 à 14:29
Pardon, mal exprimé ^^ , la charte graphique qui colle pas avec le style d’écriture (j’ai vachement épuré le mien
).
71
Lafrisouille le 12 juillet 2009 à 18:39
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 le 12 juillet 2009 à 23:49
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 le 13 juillet 2009 à 05:43
Il s’agit quand de la police du journal Le Monde sur le web depuis pas mal de temps.
74
Benoit le 13 juillet 2009 à 10:25
Je trouve que la police la plus sympa actuellement, c’est Calibri. Tu devrais essayer Eric.
75
Galdon le 13 juillet 2009 à 11:20
@stefhan : archiduchesse.com utilise du sérif, pas du sans sérif.
76
Deytic le 13 juillet 2009 à 14:38
@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 le 13 juillet 2009 à 16:53
@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 le 13 juillet 2009 à 18:49
@Galdon Oooups oui il faut enlever le mot « sans » ! Merci Sheriff !
79
Brian le 20 juillet 2009 à 14:44
@Eric : http://www.challenges.fr utilise la fameuse police !
80
LuSel le 22 novembre 2009 à 12:14
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