Ajustements microtypographiques - 1
Par Cobab, samedi 14 janvier 2006 à 13:08 :: Langue et typographie :: permalien #63
Comment ne pas voir les lettres suprieures et les appels de notes foutre en l'air votre mise en page HTML.
Dans la plupart des pages en HTML, les paramtres par dfaut des lettres suprieures (balise sup) augmentent l'interlignage de la ligne o elles apapraissent ; lorsqu'elles sont un peu nombreuses, l'effet est proprement dsastreux. Ë la suite d'une discussion de la liste typo sur ce sujet, j'ai fait quelques ajustements dans ma feuille de style. L'ide est d'augmenter l'interlignage de tout le texte, ce qui ne nuit pas la visibilit bien au contraire, surtout pour les petits corps.
J'ai d'abord cherch en ajoutant line-height : 170% dans les lignes dfinissant les classes p, h2, h3 etc. sans rsultat. Je n'avais pas vu que la feuille de style du thme de Kozlika[1] spcifiait une hauteur de ligne dans la definition des blocs. Je l'ai donc modifi l, et ajout dans Chapo, 150% aprs essais (avec Firefox ; devant changer d'ordi pour tester sur IE, Safari, Netscape, a attendra un peu). L evidemment, la align: top par dfaut me met les suprieure trop basses. Du coup et tant qu' faire, j'ai rgl la taille des sup 83% (chiffre auquel aboutit la discussion laquelle je faisais rfrence, essayant de prendre en compte divers paramtres dont la variation de graisse) et ajust par ttonnements le parangonnage 0,15 cadratins. (L encore, tests sous Firefox, lequel semble placer les suprieures plus haut que d'autres navigateurs ; suivre.) Tant qu' faire et du coup, j'ai un peu par coquetterie utilis les ajustements marginaux droite-gauche proposs par un intervenant. Au total j'obtiens donc la ligne suivante ajouter ay dbut (au moment des spcifications de p, img, etc.) :
sup { font-size: 83%; position : relative ; bottom : 0.20em ; padding-left : 0.05em ; padding-right : 0.15em ;}
Voili voilou. On peut se faire une ide de ce que a donne sur ce billet (choisi pour sa richesse en sups). Encore tester sur d'autres nivagateurs (retours bienvenus...), voir s'il n'est pas ncssaire d'tendre cette modif ailleurs dans les pages, et ah oui : quand mme un testicule faire avec le degr : 2 °C, no, °o (o suprieur vs degr, pas que a jure trop).
Bientt, Ajustements 2 : les petites caps.
Notes
[1] Que je remercie encore, et qui je transmets ces modifs toutes fins utiles.
Commentaires
Aucune réaction pour le moment.
:: Fil rss des commentaires de ce billet ::
Ajouter un commentaire
Faire suivre ce billet