Les exposants dans un epub

D’un modèle de liseuse à l’autre, les exposants n’apparaîtront pas de la même manière : plus haut, plus gros, plus petits que voulu selon les cas.

Il y a plusieurs façon d’appliquer un style à un exposant.

Le plus simple est d’utiliser le tag HTML <sup>, qui est compris universellement. Dans la pratique, pourtant, le e de 21e siècle ou le er de 1er bouscule souvent l’interlignage du paragraphe à l’endroit où il se trouve.

Pour éviter cela, mais aussi pour obtenir un rapport de proportions et un positionnement plus harmonieux de l’exposant, mieux vaut créer un style CSS spécifique pour traiter les exposants. Les exemples ci-dessous sont suivis du style appliqué :

Xesiècle Simple balise <sup> non stylée

Xesiècle font-size:66%; vertical-align:super

Xesiècle font-size:66%; vertical-align:top

Xesiècle vertical-align : top; font-size : 0.66em; line-height : 100%;

Xesiècle vertical-align : top; font-size : 0.66em; line-height : 20%;

Xesiècle vertical-align : super; font-size : 0.8em; line-height : 100%;

Xesiècle font-size: 0.8em; vertical-align: baseline;position: relative; bottom: 0.6em;

Problème : les styles ci-dessus, qui fonctionnent parfaitement dans un navigateur ou sous Sigil, ne passent pas tous sous ADE ni sur Kindle Previewer, comme le montrent les captures d’écran ci-dessous :

 

Kindle Previewer exposants

Le rendu des exposants sous Kindle

ADE exposants

Le rendu des exposants sous ADE

Conclusion : Il est nécessaire de tester sur plusieurs supports, plusieurs modèles de liseuses ou de tablettes.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*

trois + 5 =