lundi 26 avril 2021

HTML italics and non-italics text is rendered too close to each other

There is a rendering issue with text marked as italics when no extra space is added after the italicized text and before the next text span (non-italics):

Eureka!

enter image description here

<i>Eureka</i>!

enter image description here

which makes exclamation mark being rendered too close to the last italicized character a.

Engine: Google Chrome Version 90.0.4430.85 (Official Build) (64-bit)

On the other hand MS Word inserts some extra space and mixed text looks nice:

enter image description here

vs

enter image description here

Is there a way to solve this issue?




Aucun commentaire:

Enregistrer un commentaire