[Webkit-unassigned] [Bug 42571] New: @font-face downloading proposal

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=42571

           Summary: @font-face downloading proposal
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: All
        OS/Version: All
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: jaffathecake at gmail.com


This proposal is an attempt to normalise how browsers download fonts. Specifically for webkit, this will improve the experience for users on slower connections, or issues where a font takes a long time to download.

The proposal:

Fonts should only be downloaded if a visible element on the page requires it. IE<9 breaks this rule.

In the declaration "font-family: 'FontA', 'FontB'", FontB should only be downloaded if a matching element contains chars not found in FontA. Firefox, Opera & IE break this rule.

While the font is downloading, the target text is hidden but reserves space on the page, based on the size of a fallback font. Eg, in the declaration "font-family: 'FontA', arial, sans-serif" the space would be reserved for the text in arial, but no text would be displayed. Once the font has downloaded, the text is shown using the downloaded font. This avoids FOUT. Firefox, Opera & IE break this rule.

If the font has not downloaded within 1 or 2 seconds, the text is displayed in a fallback font. Eg, in the declaration "font-family: 'FontA', arial, sans-serif", the text would be displayed in arial. Once the font has downloaded, the text is shown using the downloaded font. This allows the user to view content even if the font is downloading slowly (mobile connection, slow server). No browsers do this, although IE, Firefox & Opera do this but without waiting. This is inspired by how Opera loads CSS, which displays unstyled content if the CSS fails to load within 2 seconds.

Cheers,
Jake.

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.