RSS

Nicer underlining

Mar 11

Hello, Thank you for visiting - I hope that you will find useful information. Leave a comment but if you have any comments on the subject.

The regularly bother me quite ugly and not great Typographically underlining that are normally found on the web. Specifically, it bothers me that the descenders of the characters are crossed out and the whole effect urged by much. For this reason, I went over to the actually intended for this purpose and common days CSS text-decoration: underline; to boycott. I think it's much nicer than the underlining command to implement border-bottom.

For typographic point of view this is still not the optimal solution, since not meet the descenders and underlining. Therefore, the scope could still put on a pixel downwards. Depending on the font, font size and line spacing, but that can gobble up too much space. So I used on this distance Siete no.

The 3 variants in comparison:

? View Code HTML
  text-decoration: underline;
 border-bottom: 1px solid;
 border-bottom: 1px solid; padding-bottom: 1px; 

Typography

Not so nice ...

Typography

Perfect ... in this view, at small point sizes, but also touching descenders and underlining.

Typography

For small Schriftgröen favorite playing grounds ... the best choice

It's this time but only a little but this little note from my perspective and I immediately start calling for "more beautiful underlines". Apart from this there are still many more typographic sins on the Web, but to another time.

No änlichen posts.

Tags: , , ,

Leave a Reply