Solved

Webfont not loading in Windows 8.1, any browser. Works fine everywhere else.

Posted on 2014-03-22
5
451 Views
Last Modified: 2014-03-28
Hello, this is not the first time I've had problems with W8 - W8.1 and webfonts.

There is a font in a website I'm working on which shows up fine on W7 and XP (any pc, any up to date browser) and doesn't show up on W8.1 (any pc, any up to date browser).

The website's here:
www.lattivamente.net

Here's a screenshot of the problematic font:

When it works
When it doesn't work
Can someone help me about this? The font is defined in style.css, like this:

font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;

Open in new window


I find it baffling. Is there any information about webfonts and W8.1? The other fonts in the site work fine.
0
Comment
Question by:Daniele Brunengo
  • 3
  • 2
5 Comments
 
LVL 48

Expert Comment

by:dbrunton
ID: 39948112
Try double quotation marks instead of single such as

font-family: "BebasNeueRegular", "Arial Narrow", Arial, sans-serif;

Also see http://www.w3schools.com/cssref/pr_font_font-family.asp
0
 

Author Comment

by:Daniele Brunengo
ID: 39948477
Thanks, I've tried that out but nothing changes. Also, all other font definitions are done with a single quotation mark and they all work under all circumstances.

It's only the font of this particular element which doesn't show up in Windows 8.1.

Right now I've changed the css so at least the element's width adjusts and people don't notice anything, but the fact remains that the font is not showing up as it should.
0
 
LVL 48

Assisted Solution

by:dbrunton
dbrunton earned 250 total points
ID: 39948812
Hmm.  Just rereading the question the problem is on all of the browsers in Windows 8.

Is it possible the machine is blocking the site that you are downloading the webfont from?

Can you check that the font is being downloaded?
0
 

Accepted Solution

by:
Daniele Brunengo earned 0 total points
ID: 39948922
I've found out the reason. A web font is missing, so the page was showing the correct font only on those machines where the font does exist as a Windows font.

It so happened those machines were all the Windows 7 ones I tested.

I now tried with another Windows 7 machine which doesn't have the font installed and it behaves like the W8.1 machines.

So that's it. Thanks for your help, by the way.
0
 

Author Closing Comment

by:Daniele Brunengo
ID: 39961067
There was a mistake in the webfont kit.
0

Featured Post

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Any business that wants to seriously grow needs to keep the needs and desires of an international audience of their websites in mind. Making a website friendly to international users isn’t prohibitively expensive and can provide an incredible return…
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
The viewer will learn how to dynamically set the form action using jQuery.
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…

839 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question