Minuscules hauteur de la queue (g, j, p, q, y)

Question

Cette question est un peu étrange. Je dois m'assurer de la distance entre les lettres ci-dessus et ci-dessous. Maintenant, lors du calcul d'une hauteur de lettre en Pixel, disons que la taille de la police = 14px cela signifie-t-il que ma hauteur de pixel allouée pour une lettre est de 14 pixels? Et les lettres avec la queue? Comment leurs queues sont-elles attribuées en pixels?

------------ 
| ** | 
| * * | 
| ****** | = for example this is a 14px font size 
| *  * | 
|*  *| 
------------ 

Et mes lettres minuscules avec la queue

------------ 
|   | 
| ****** | 
| *  * | = this letter q for example 
| *  * | 
| ****** | 
--------*--- 
     * 

Y at-il une hauteur spécifique pour la queue qui déborde le pixel alloted pour une police?

Answer 1

la queue est incluse dans les pixels attribués si je me souviens bien. Vérifiez cela avec l'ajout d'une bordure à une période avec juste une lettre:

<span style="border: 1px solid #f00">q</span> 

Answer 2

Je suppose que cela dépend en grande partie du système que vous utilisez pour mesurer la hauteur des glyphes. Si vous êtes chanceux, la police elle-même fournit des mesures pour la hauteur d'une ligne de texte. Lorsque les mesures de hauteur ne sont pas disponibles, en général (et en particulier avec les technologies web), la hauteur est cohérente avec celle de deux fois la hauteur d'un "x" minuscule (la hauteur du "x" minuscule est connue comme la hauteur x) . Il ya a section dans la spécification CSS sur la façon dont la hauteur x d'une police peut être estimée qui a plus d'informations.