Bug 176668 - [GTK] Lucida Grande bold is abnormally thick
Summary: [GTK] Lucida Grande bold is abnormally thick
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Text (show other bugs)
Version: WebKit Nightly Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2017-09-10 04:09 PDT by Alicia Boya García
Modified: 2017-09-12 14:46 PDT (History)
2 users (show)

See Also:


Attachments
Screenshot comparing rendering of Lucida Grande bold in WebKit and Blink (65.60 KB, image/png)
2017-09-10 04:09 PDT, Alicia Boya García
no flags Details
Comparison of font-weight among browsers (125.86 KB, image/png)
2017-09-10 04:40 PDT, Alicia Boya García
no flags Details
Page showing the issue (webarchive) (230.07 KB, text/html)
2017-09-12 05:48 PDT, Alicia Boya García
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Alicia Boya García 2017-09-10 04:09:22 PDT
Created attachment 320392 [details]
Screenshot comparing rendering of Lucida Grande bold in WebKit and Blink

Steps to reproduce:

1. Install Lucida Grande font.
2. Open a web page that uses it, for instance: https://developer.apple.com/library/content/documentation/QuickTime/QTFF/QTFFChap2/qtff2.html

I've attached an screenshot showing the problem. The first line of text has been modified with the inspector to use regular (non-bold) Lucida Grande, for comparison.
Comment 1 Alicia Boya García 2017-09-10 04:21:57 PDT
It also happens with Tahoma.
Comment 2 Alicia Boya García 2017-09-10 04:40:16 PDT
For some reason, the interpretation of font-weight for some fonts (including
both Lucida Grande and Tahoma) is inconsistent among browsers.

This MDN page includes a handy tester: 
https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight

The case of WebKitGTK is surprising and problematic. It actually knows how to
render the font with the correct bold thickness and does that when requested
font-weight: 600... but in CSS `bold` stands for 700. When requested 700 and up
it artificially thickens the font.
Comment 3 Alicia Boya García 2017-09-10 04:40:42 PDT
Created attachment 320393 [details]
Comparison of font-weight among browsers
Comment 4 Myles C. Maxfield 2017-09-11 11:31:06 PDT
Can you attach a .webarchive of the page? File -> Save As... -> Format: Web Archive

I can't reproduce this on my machine, so maybe the page is different for you.
Comment 5 Alicia Boya García 2017-09-12 05:48:17 PDT
Created attachment 320537 [details]
Page showing the issue (webarchive)
Comment 6 Alicia Boya García 2017-09-12 05:48:47 PDT
Created attachment 320538 [details]
Page showing the issue (mhtml)
Comment 7 Myles C. Maxfield 2017-09-12 14:46:11 PDT
Oh, I didn't realize this bug only occurs in GTK. I don't think I can help.