Re: [Doxygen-develop] Too small line height in CSS for headings

[Vaclav P. <wen...@gm...>]

On 1 April 2013 15:38, Dimitri van Heesch <do...@gm...> wrote:
>
> On Mar 21, 2013, at 16:53 , Vaclav Petras <wen...@gm...> wrote:
>
>> Hi,
>>
>> h1 and other h elements have to small line-height. When the heading is
>> long and the page is not wide enough, the heading is split into two
>> lines, then you can see that heading lines overlaps.
>>
>> The line-height reported by Firefox and Chromium is 19px which is at
>> the beginning of of doxygen.css:
>>
>> body, table, div, p, dl {
>>       font: 400 14px/19px Roboto,sans-serif;
>> }
>>
>> Sorry for not proving a patch but my CSS knowledge is very limited.
>
> Can you test how far you have to increase the 19px in order to make the
> overlapping disappear? I've now set it to 22px.

I've finally tested it and the result is 28px.

font: 400 14px/28px Roboto,sans-serif

22px works in most cases but does not work for headings where letters
like 'pqy' at upper line meets with letters like 'tlbd' at lower line.

I'm not sure where for which elements did you changed the size.
However, I was able to change it only for all text now and it is of
course not suitable for all text, it is nice only for headings.

By the way, two-line headings happens much often if \tableofcontents
is used (it did not happened formally, where there was no
\tableofcontents, even with the new CSS).

Vaclav

>
> Regards,
>   Dimitri
>