[Webkit-unassigned] [Bug 213938] New: Google Fonts don't render properly if font weights not imported

Fri Jul 3 13:28:47 PDT 2020

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

            Bug ID: 213938
           Summary: Google Fonts don't render properly if font weights not
                    imported
           Product: WebKit
           Version: Safari 13
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: stuart.shapiro+webkitbugzilla at gmail.com
                CC: bfulgham at webkit.org, simon.fraser at apple.com,
                    zalan at apple.com

Created attachment 403476

  --> https://bugs.webkit.org/attachment.cgi?id=403476&action=review

Safari vs Chrome font screenshots

When viewing a website that uses Google Fonts, the font does not render properly if the weight is not specifically called in the @import or <link> code.

Example site:
https://www.transportation.gov/briefing-room/us-department-transportation-issues-enforcement-notice-clarifying-air-carrier-refund

The Lato font renders incorrectly in both Safari (and Firefox 78.0.1 if that helps with debugging). In Chromium-based browsers, the font still renders properly even without the weight specifically mentioned.

In the CSS for the site, it uses this code:

@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Lato&display=swap");

Manually adding code to the <head> with the font weight makes the font render properly:

<style>
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@700&display=swap');
</style>

I'm also noticing this issue in Office Online sites (where it's importing Segoe UI). I'm unable to find the code responsible for importing the font, but I imagine it's a similar issue.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20200703/53cff157/attachment.htm>