Interlignage, exposants et Unicode

Sur commentcamarche.net, un utilisateur demandait comment avoir des exposants qui ne cassent pas l’interlignage. C’est un vieux problème jamais vraiment résolu dans les navigateurs autrement qu’en utilisant des règles CSS (CSS auteur par opposition à CSS navigateur).

Un contributeur proposait de passer par les chiffres en indice disponible dans les polices.

on peut aussi écrire directement à la suite texte :

exemple¹ et exemple² soit (je décompose) & sup 1 ; et & sup 2 ;

ça évite d’avoir à écrire une balise, et le texte et placé dans le même interligne que le texte.

limité à 1, 2 et 3.

Comme je me suis fendu d’une longue réponse qui me parait utile à d’autres, je vous la retranscrit ici

Non, non et non.

Non, parce que tous les tous les chiffres sont disponibles. Cependant, les chiffres de 4 à 0 ne sont pas placés au même endroit dans Unicode (vous utilisez Unicode n’est-ce pas ? Vous n’êtes pas resté au XX^e siècle ?)La liste est ici, avec exposants et indices
⁰¹²³⁴⁵⁶⁷⁸⁹₀₁₂₃₄₅₆₇₈₉

Non parce que caractères Unicode ne sont pas conçus pour être utilisés, mais pour être compatibles avec l’existant. Il existe par exemple des caractères Unicode pour les chiffres romains, mais il ne sont pas conçus pour être utilisés dans de nouveaux documents, mais juste pour permettre à d’anciens documents d’être lus (pour un chiffre romain, on recommande ainsi d’utiliser le ou les caractères latins correspondants (I, II, III, IV…), quand bien même le chiffre romain existe dans Unicode (Ⅰ,Ⅱ,Ⅲ,Ⅳ)…

Non parce que faire ainsi amène à deux poids deux mesures : pour les chiffres, vous utilisez les caractères Unicode et pour les lettres, mmh ? Et voilà, vous vous retrouvez à devoir mélanger de caractères d’exposant et des CSS, au lieu d’utiliser des CSS partout (vu qu’il est impossible d’utiliser des caractères d’exposant partout).

En espérant avoir êté utile.

3 thoughts on “Interlignage, exposants et Unicode”

gemp on 16 avril 2010 at 11 h 53 min said:
Intéressant, les exposants unicode, mais sémantiquement pas terrible (à moins que ce soit un plugin qui les remplacent à la volée).

En ce qui me concerne, j’ai dans toutes mes feuilles de style:
```
sup, sub {
    line-height: 1px;
}
```
Reply ↓
- David Latapie on 19 avril 2010 at 23 h 24 min said:
  Alors, là, je dois dire que t’avoir toi comme premier commentateur me fait énormément plaisir
  
  Et je me rends compte que j’ai oublié de signaler ma propre feuille de style :
```
sup {
    font-size:70%;
    line-height:80%;
    vertical-align:super
}
```
  Mais la tienne est très séduisante ! Peux-tu m’expliquer pour le 1px ?
  Reply ↓
Pingback: CSS code recipes | David Latapie

David Latapie

Le garçon qui déswappe

Interlignage, exposants et Unicode

3 thoughts on “Interlignage, exposants et Unicode”

Laisser un commentaire Annuler la réponse.