Solved

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

Posted on 2014-03-22
5
470 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 2
5 Comments
 
LVL 49

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 49

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

Ransomware-A Revenue Bonanza for Service Providers

Ransomware – malware that gets on your customers’ computers, encrypts their data, and extorts a hefty ransom for the decryption keys – is a surging new threat.  The purpose of this eBook is to educate the reader about ransomware attacks.

Question has a verified solution.

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

An enjoyable and seamless user experience can go a long way on an eCommerce site. While a cohesive layout and engaging copy play roles in creating a positive user experience, some sites neglect aspects that seem marginal but in actuality prove very …
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
With the advent of Windows 10, Microsoft is pushing a Get Windows 10 icon into the notification area (system tray) of qualifying computers. There are many reasons for wanting to remove this icon. This two-part Experts Exchange video Micro Tutorial s…
The is a quite short video tutorial. In this video, I'm going to show you how to create self-host WordPress blog with free hosting service.

688 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