W3C home > Mailing lists > Public > www-style@w3.org > January 2012

Re: line-height suggestions and easier alignment

From: Richard Le Poidevin <ric@betleywhitehorne.com>
Date: Mon, 09 Jan 2012 11:44:18 +0000
Message-ID: <4F0AD312.6000008@betleywhitehorne.com>
To: Anton Prowse <prowse@moonhenge.net>
CC: www-style@w3.org
Hello Anton,

Yes you're correct the descender would overlap the I. The same would 
happen with 'swashed' (fancier versions used for the first letter in a 
document etc) caps as they are often quite large. I personally feel that 
overlapping text is down to the designer to fix by increasing the 
line-height. However this may not always be possible due to font 
substitutions and user preferences etc.

Regards

Ric

On 09/01/2012 11:05, Anton Prowse wrote:
> On 09/01/2012 11:05, Richard Le Poidevin wrote:
>
>>
>> Whilst I don't understand the complexities of how the lines are laid out
>> in browsers for your reference here is how InDesign handles accents.
>>
>> http://www.betleywhitehorne.com/ric-lep/fix-css-line-height/indesign-accents.png 
>>
>>
>> They pop out of the top of the box. It looks like the text is aligned
>> using the height of capital letters, and accents are placed above this.
>> As each typeface is different I guess the exact spaces may vary as some
>> could place accents a little differently or have some letters that are
>> taller than others etc.
>
> Thanks, that's interesting.  In that screenshot, if the first "p" in 
> the title had been directly above the "I" on the following line, and 
> the "I" had had an accent above it, that accent would overlay the 
> bottom of the "p", right?
>
> Cheers,
> Anton Prowse
> http://dev.moonhenge.net
>
>
Received on Monday, 9 January 2012 11:44:55 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:48 GMT