Bug 176668

Summary:

[GTK] Lucida Grande bold is abnormally thick

Product:

WebKit

Reporter:

Alicia Boya García <aboya>

Component:

Text

Assignee:

Nobody <webkit-unassigned>

Status:

NEW

Severity:

Normal

CC:

emilio, mmaxfield

Priority:

Version:

WebKit Nightly Build

Hardware:

Unspecified

OS:

Unspecified

Attachments:

Description	Flags
Screenshot comparing rendering of Lucida Grande bold in WebKit and Blink	none
Comparison of font-weight among browsers	none
Page showing the issue (webarchive)	none
Page showing the issue (mhtml)	none

Alicia Boya García

Reported 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.

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
Page showing the issue (mhtml) (1.43 MB, multipart/related) 2017-09-12 05:48 PDT, Alicia Boya García	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Alicia Boya García

Comment 1 2017-09-10 04:21:57 PDT

It also happens with Tahoma.

Alicia Boya García

Comment 2 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.

Alicia Boya García

Comment 3 2017-09-10 04:40:42 PDT

Created attachment 320393 [details] Comparison of font-weight among browsers

Myles C. Maxfield

Comment 4 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.

Alicia Boya García

Comment 5 2017-09-12 05:48:17 PDT

Created attachment 320537 [details] Page showing the issue (webarchive)

Alicia Boya García

Comment 6 2017-09-12 05:48:47 PDT

Created attachment 320538 [details] Page showing the issue (mhtml)

Myles C. Maxfield

Comment 7 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.

Note You need to log in before you can comment on or make changes to this bug.