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

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:

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.
Daniele BrunengoIT Consultant, Web DesignerAsked:
Who is Participating?
Daniele BrunengoConnect With a Mentor IT Consultant, Web DesignerAuthor Commented:
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.
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
Daniele BrunengoIT Consultant, Web DesignerAuthor Commented:
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.
dbruntonConnect With a Mentor Commented:
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?
Daniele BrunengoIT Consultant, Web DesignerAuthor Commented:
There was a mistake in the webfont kit.
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.