New issue
Advanced search Search tips

Issue 603977 link

Starred by 4 users

Issue metadata

Status: WontFix
Owner: ----
Closed: May 2016
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Mac
Pri: 2
Type: Bug-Regression



Sign in to add a comment

Custom Font not rendering, just renders fallback font

Reported by addbr...@gmail.com, Apr 15 2016

Issue description

UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/50.0.2661.75 Safari/537.36

Steps to reproduce the problem:
1. Visit https://mightybell.com/
2. Look at first big title
3. Rendering as Helvetica

What is the expected behavior?
Should be rendering GTWalsheimBold for the big title

What went wrong?
Our custom font GTWalsheimBold is downloaded, but not applied to elements we specify.

Did this work before? Yes 

Chrome version: 50.0.2661.75  Channel: stable
OS Version: OS X 10.11.3
Flash Version: Shockwave Flash 21.0 r0

This is not an issue on the same version of Chrome on Windows, or any other browser on either Mac or Windows.
 
Firefox.png
1.3 MB View Download
Chrome.png
941 KB View Download
Components: Blink>Fonts

Comment 2 by e...@chromium.org, Apr 18 2016

Cc: drott@chromium.org kojii@chromium.org e...@chromium.org
Components: -Blink>Fonts Blink>WebFonts
Status: Available (was: Unconfirmed)
The WalsheimBold web font has only been provided for font-weight 700, the page requests it for font-weight: 800 thus causing a fallback.

It should probably fallback on the wrong weight instead or try to synthesize the weight. Likely a bug in Blink.

Changing the weight to 700 or changing the font declaration to specify weight 800 makes it work as expected. In general always try to provide web fonts for the weights you use or rendering quality will suffer as synthesized fonts tend to look a lot worse.

Comment 3 by addbr...@gmail.com, Apr 18 2016

We are providing a 700 and 800 weight for GTWalsheim. For some reason it looks like Chrome is not downloading the bold version (see attached). Firefox and Safari both download the bold font.
Chrome Network.png
61.2 KB View Download
Firefox Network.png
53.8 KB View Download
Safari Network.png
72.7 KB View Download

Comment 4 by addbr...@gmail.com, May 13 2016

UPDATE: Turns out our CDN was serving the fonts without the "Access-Control-*" headers. We have updated our fonts on the CDN and the issue is fixed now.
Status: WontFix (was: Available)
Thanks for the update. Closing.

Sign in to add a comment