Solved

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

Posted on 2014-03-22
5
445 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

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

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

This article will inform Clients about common and important expectations from the freelancers (Experts) who are looking at your Gig.
Color can increase conversions, create feelings of warmth or even incite people to get behind a cause. If you want your website to really impact site visitors, then it is vital to consider the impact color has on them.
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
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…

776 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