Archive Liste Typographie
Message : Re : Re : [typo] Lettrine du Monde sur internet (code amélioré)

(FMichaud) - Samedi 17 Novembre 2007
Navigation par date [ Précédent    Index    Suivant ]
Navigation par sujet [ Précédent    Index    Suivant ]

Subject:    Re : Re : [typo] Lettrine du Monde sur internet (code amélioré)
Date:    Sat, 17 Nov 2007 18:40:13 +0000 (GMT)
From:    FMichaud <fmichaud76-public@xxxxxxxx>

Réponses aux messages de Jacques André et de Morgan Fernandez.
 
----- Message d'origine ----
De : Jacques André <jacques.andre35@xxxxxxxxx>
>En écrivant "tant qu'à bricoler, autant bien bricoler", je voulais dire
>que si on veut utiliser des "outils esthétiques" (comme le sont les
>lettrines), il ne faut pas se contenter de quelque chose qui cloche,
>qui gène la lecture même, quitte à passer pour un « pointilleux, à
>cheval sur la typo » comme on l'a dit récemment dans ce fil !
Il n'est malheureusement pas possible avec les outils actuels, en tout cas à ma connaissance, de réaliser facilement une lettrine qui remplisse les critères suivants :
- pas d'image "figée" (à la Le Monde) ;
- dont l'alignement sur la ligne de base soit toujours correcte quelque soit la taille d'affichage et les polices de caractères utilisées pour la lettrine et le reste du texte du paragraphe ;
- qui ne nécessite pas de code trop complèxe à intégrer au paragraphe (de façon à pouvoir formater rapidement un texte sans y insérer des balises HTML) ;
- qui s'accomode du redimensionnement de l'affichage par le lecteur, et des substitutions des polices de caractères selon leur disponibilité sur l'ordinateur du lecteur.
 
C'est vrai que dans le saint du saint d'une salle de composition, l'imprimeur ou le metteur en page pourra peaufiner "aux petits oignons" SA lettrine dans LE texte qu'il est en train de composer, en utilisant SA police de caractères dans LE corps de son choix avec LE crénage qui lui convient. Il est peu probable que le lecteur décide un jour de distendre le papier de son livre ou de son journal pour agrandir ou rétrécir le texte, ou bien décide avec une potion miracle de changer la police de caractère "Le Monde" par une "Arial" ! Dans une page web de type dynamique comme on peut le voir dans les quotidiens en ligne, le lecteur peut à loisir changer et la taille et les polices de caractères, sans compter qu'il peut regarder l'ensemble sur des écrans de résolutions variées. Si on peut relativement bien figer la taille (et encore cela dépend du navigateur utilisé), il n'est pas possible de prévoir qu'un lecteur aura ou n'aura pas la bonne police de caractères.
 
Il faut donc s'adapter à toutes les combinaisons et pour l'instant, rien ne permet d'être 100% parfait dans 100% des cas : on peut juste faire au mieux dans la majorité des cas... C'est l'objectif du code que j'ai suggéré - il est perfectible bien sûr, et d'autres auront peut être des solutions plus élégantes.
 
Une solution existe : se passer du format HTML et ne publier qu'en PDF...
 
Pour que la lettrine s'étende sur trois lignes, il suffit de modifier dans la propriété p.lemonde:firstletter les paramètres :
font-size:5em;
line-height:0.62em;
Et pour que le crénage de la lettrine soit amélioré :
margin-right:0.05em;
margin-left:-0.05em;
J'ai réglé les tailles avec IE7, en utilisant la taille d'affichage "moyenne". Le résultat est le suivant :
- en taille "Plus grande", la base du L est 2 pixels au dessus de la base du texte
- en taille "Grande", OK
- en taille "Moyenne", OK
- en taille "Petite", 1 pixel au dessus
- en taille "Plus petite", 1 pixel en dessous
(l'affichage de mon écran est en 1280x800)
 
Si l'on choisi une police très mal foutue pour la lettrine, par exemple l'exécrable 1550.ttf (à télécharger sur mon site http://genemichaud.free.fr : pub !), le résultat est désatreux : il faut adapter les paramètres font-size et line-height.
 
 
----- Message d'origine ----
De : Morgan Fernandez <sokydjan@xxxxxxxxx>

>Pour l'alignement de la lettrine, il convient juste d'ajuster
>la lettre sur la même ligne avec la propriété margin.
Voir ci dessus, j'ai essayé mais cela ne donne rien (avec IE7). Par contre les paramètres margin-right et margin-left donnent de bons résultats pour régler le crénage de la lettrine.

>Par contre, je découvre ces deux polices: Norasi et Nimbus Sans L.
>Étrange pour des polices subsidaires. Je ne les ai pas sous Windows 2000.
Moi non plus ! Il semble que ce soient des polices utilisées par certaines versions de Linux.

>Quelle est l'utilité d'un :first-line ? A mon sens, la mise en valeur de la première
>ligne est beaucoup moins pertinente qu'un choix des premiers mots par l'auteur.
C'est à chacun de choisir : les goûts et les couleurs... Il n'existe malheureusement pas de paramètre ":firstwords". Que les influents au W3C fassent cette remarque et cela sera peut-être implémenté dans une prochaine révision.
A+
 
Frédéric Michaud


Ne gardez plus qu'une seule adresse mail ! Copiez vos mails vers Yahoo! Mail