cancel
Showing results for 
Search instead for 
Did you mean: 

Broken icon fonts in some sites: github, coursera,...

Highlighted
New User

Broken icon fonts in some sites: github, coursera,...

I've been using a custom font (DejaVu) with unchecked "allow sites to use their own fonts" since a long time. But now some sites came with this new idea of icon fonts that look completely broken (a weird box with crazy stuff inside) until I globally check "allow sites to use their own fonts". Is there any way to configure different fonts per site? Specifically I would like to keep my all time configuration except for these specific sites which should be loading their beloved fonts.

Regards -- Carlos

21 REPLIES
Site Moderator

Re: Broken icon fonts in some sites: github, coursera,...

Can you post a link to a publicly accessible page and attach a screenshot?

New User

Re: Broken icon fonts in some sites: github, coursera,...

Here is a screenshot.

2013-01-15-23-38-41-7ee4ae.png
New User

Re: Broken icon fonts in some sites: github, coursera,...

This is how it looks when I allow the site to choose their own fonts.

2013-01-15-23-40-28-fee04e.png
New User

Re: Broken icon fonts in some sites: github, coursera,...

Same here, I was happy with using my font other than images breaking. Guess I'm going back to letting it choose fonts. =/

Image: Comparison from GitHub with "Allow pages to choose their own fonts, instead of my selections above" on and off

2013-01-22-13-20-20-b63749.png
Site Moderator

Re: Broken icon fonts in some sites: github, coursera,...

That looks like characters in the f000-f0ff range.

If you see the little boxes with the hex code then it looks that Firefox has a problem with locating a font that contains those glyphs.

Are there any downloadable fonts (@font-face) used on those pages?

New User

Re: Broken icon fonts in some sites: github, coursera,...

cor-el that's the point of this thread.

Site Moderator

Re: Broken icon fonts in some sites: github, coursera,...

This looks that some custom font is used for those icons, so it is only possible to check this on a real page.
Such a font is specified and downloaded on the web page via an @font-face rule and such fonts are only applied if fonts from the server are enabled.
I don't think that this is a change from previous Firefox versions (this forum downloads the Open Sans font).
There is nothing to do about this other than (temporarily) enable website fonts on those pages.

Can you post a link to a web page with such a broken font?

You can check out the CSS code via the build-in inspector via the right-click context menu.

New User

Re: Broken icon fonts in some sites: github, coursera,...

https://github.com/explore

That seems to be the case. What I was looking for with that option wasn't to turn something like this off, but just to display my chosen font in normal text. I'm not sure how the two could be differentiated.

New User

Re: Broken icon fonts in some sites: github, coursera,...

Please, don't forget how this started:

""" Is there any way to configure different fonts per site? Specifically I would like to keep my all time configuration except for these specific sites which should be loading their beloved fonts. """