Bug 102559 - Text Autosizing: Ensure line-height is >= font-size, when autosizing single-line text
Summary: Text Autosizing: Ensure line-height is >= font-size, when autosizing single-l...
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: 528+ (Nightly build)
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL: http://www.flickr.com/tour/#section=s...
Depends on:
Blocks: FontBoosting
  Show dependency treegraph
Reported: 2012-11-16 14:07 PST by John Mellor
Modified: 2016-09-19 15:12 PDT (History)
2 users (show)

See Also:

Screenshot of flickr.com heading (392.88 KB, image/png)
2012-11-16 14:07 PST, John Mellor
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description John Mellor 2012-11-16 14:07:48 PST
Created attachment 174757 [details]
Screenshot of flickr.com heading

Some sites set the line-height smaller than the font-size on single-line headings, as an alternative way of reducing the heading's top/bottom margins.

When these single-line headings are autosized, if they wrap onto more than one line the line spacing between the lines will be insufficient.

For example the "Share your photos with your friends and family" heading on the attached screenshot has font-size:30px but line-height:20px, hence the top of the 'f' risks overlapping the bottom of the 'y' (much worse examples are possible!).

Text Autosizing should make sure that whenever single-line text is made to wrap onto multiple lines, the intra-line spacing is always at least ~1em (ideally this would be done without affecting the margins implied by the line height).
Comment 1 Daniel Bates 2016-09-19 15:12:43 PDT
Marking this bug Resolved WontFix because the TEXT_AUTOSIZING feature was removed in <https://trac.webkit.org/changeset/206119> (bug #162167). See bug 84186, comment 32 for more details.