New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.
Starred by 22 users

Issue metadata

Status: Duplicate
Merged: issue 236298
Owner: ----
Closed: Nov 2013
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Mac
Pri: 2
Type: Bug



Sign in to add a comment
link

Issue 322125: Custom fonts unloading too eagerly and rendering as standard fonts

Reported by scart.ri...@gmail.com, Nov 21 2013

Issue description

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

Example URL:

Steps to reproduce the problem:
1. View a webpage that uses custom fonts
2. Switch to another tab for a while, or away from the browser. I may have even seen this happen when I've been reading a page for a while and scroll down; not entirely sure.

What is the expected behavior?
Fonts should render correctly.

What went wrong?
Fonts are rendered in their non-custom fallback, I'm seeing a lot of Times New Roman.

Does it occur on multiple sites: Yes

Is it a problem with a plugin? No 

Did this work before? Yes Only started noticing this problem in the past couple of versions.

Does this work in other browsers? No 

Chrome version: 32.0.1700.19  Channel: beta
OS Version: OS X 10.9.0
Flash Version: Shockwave Flash 11.9 r900

This started happening on Android as well, as of the beta that my Nexus 7 updated to this morning.
 

Comment 1 by tkent@chromium.org, Nov 22 2013

Labels: -Cr-Content Cr-Blink-WebFonts

Comment 2 by msrchandra@chromium.org, Nov 27 2013

Cc: msrchandra@chromium.org
Labels: Needs-Feedback
@scart.ridge: Could you please provide us with specific URL and screenshots of the issue.
Thanks in Advance.

Comment 3 by scart.ri...@gmail.com, Nov 27 2013

I'll take some screenshots next time I see it, though it may not even have to do with custom fonts; I've seen default sans-serif headings on Wikipedia change into default serif after a page has been open for a while.

Comment 4 by scart.ri...@gmail.com, Nov 27 2013

URL: http://arstechnica.com/business/2013/11/its-the-little-things-pt-3-harder-is-not-better/?comments=1

Page links and headings should be displaying in the same custom font as "Post a reply".
Screen Shot 2013-11-27 at 10.06.00 AM.png
41.9 KB View Download

Comment 5 by scart.ri...@gmail.com, Nov 27 2013

Here it is on Wikipedia; URL: http://en.wikipedia.org/wiki/PDP-11

Note inconsistent heading fonts and use of serif fonts in the "Notes" section. Strangely, the fonts went back to normal the moment after the screenshot was taken.
Screen Shot 2013-11-27 at 10.58.21 AM.png
240 KB View Download

Comment 6 by ksakamoto@chromium.org, Nov 28 2013

Probably the same issue?  http://crbug.com/236298 

Comment 7 by scart.ri...@gmail.com, Nov 28 2013

Yes! Didn't see that because I searched for "font" :-P

Had this pop up again on my Nexus 7 this morning, as well.

Comment 8 by msrchandra@chromium.org, Nov 29 2013

Labels: -Needs-Feedback
Mergedinto: 236298
Status: Duplicate
Merging the issue into 236298.
Feels like same issue.

Comment 9 by Deleted ...@, Jan 20 2014

Go to https://www.infowrap.com/en/business/ which uses a custom icon font and follow the steps in the video which documents the issue. http://www.youtube.com/watch?v=AkAoOUrWV9U&feature=youtu.be

Comment 10 by scott.tr...@sportngin.com, Jan 28 2014

This has also been happening for our application in Chrome, more noticeably as of recently. We use custom fonts for both our text and our icons. I have even noticed that sometimes I will not even have to switch away from the tab in order to see the icons turn into boxes; occasionally I will just switch virtual desktops, and the open page on the browser in the switched-to desktop will have unloaded its fonts. This is not only an issue in our website; I have frequently seen the same thing happen on Github, which also uses custom icon fonts. What's more, it seems to be getting more frequent and worse since we started to notice it - i.e. I have to mouse over each individual icon or text in order for it to restore, instead of it fixing page-wide on a single mouseover. This is a very noticeable and ugly behavior within our site.

Using Chrome 32.0.1700.102, stable build.

Comment 11 by zdoug...@t-sciences.com, Jan 28 2014

scott.tr…@sportngnin.com said:
> What's more, it seems to be getting more frequent and worse since we started to notice it - i.e. I have to mouse over each individual icon or text in order for it to restore, instead of it fixing page-wide on a single mouseover.

I can second/verify that this has gotten worse.

Comment 12 by fanchen...@gmail.com, Feb 7 2014

scott.tr…@sportngnin.com said:
> What's more, it seems to be getting more frequent and worse since we started to notice it - i.e. I have to mouse over each individual icon or text in order for it to restore, instead of it fixing page-wide on a single mouseover.

>> I can second/verify that this has gotten worse.

I third this.
A very frequently seen behavior is that when a page of a tab has idled a while, then after switched back to, the font icons disappeared, with the mapping letters (I'm using fontastic.me which use regular English letters instead of unrenderable unicode chars to map icons to font letters).

I have to either mouse-over each font icon, or refresh the page, in order to have the font icons re-rendered correctly again.

Comment 13 by justrhys...@gmail.com, Feb 10 2014

This issue isn't MAC specific as I'm getting the same issue on Windows Chrome v32.0.1700.107 m

Comment 14 by tanner.h...@gmail.com, Feb 11 2014

We are experiencing the same issue.  We are using:
1. Custom Icon Font
2. Proxima Nova via Typkit (sans-serif)
3. Merriweather via Google Fonts (serif)

After periods of inactivity, the icon font turns to boxes like Scott mentioned above.  Proxima Nova turns into a default sans-serif.  Interestingly, I'm not sure if Merriweather is having the same issue.  Maybe Google white listing Google Fonts and not unloading them?

Really the major issue is that the icon fonts don't revert back until a user hovers over with their cursor.  Proxima Nova seems to come back automatically once the tab is re-opened.

Comment 15 by Deleted ...@, Feb 18 2014

we also have this problem with our icon fonts.

Comment 16 Deleted

Comment 17 by turiz...@gmail.com, Feb 21 2014

I have exactly the same issue. I'm using Fontawesome and Lato svg fonts. It must be related to an optimization for saving memory or anything like that, but the implementation is clearly broken. It's annoying when icon fonts are lost.

Tested on Chrome 32, Win 8 64 bits.

Comment 18 by pcatanza...@gmail.com, Mar 2 2014

I'm also seeing this issue across a variety of sites, both ones I'm developing and across the web. I've even seen it just on the new WordPress admin screen's use of Open Sans. Currently using Chrome 32.0.1700.107 on Macbook Pro. Seems to be most sites with custom fonts. For my sites, it's just a CSS @font-face font hosted locally. The font appears as a serif font until I hover over it again.

I believe it happens when my tabs are left open for a while and I switch back.

Sign in to add a comment