Solved

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

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

Edgartown IT Case Study

Learn about Edgartown's quest to ensure the safety and security of the entire town's employee and citizen data. Read the case study!

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Code Manager | Snippits 2 65
asp web application 3 43
How to post data to an API using ASP Classic 3 31
Secure log in 'box' 4 14
When you start your Windows 10 PC and got an "Operating system not found" error or just saw  "Auto repair for startup" or a blinking cursor with black screen. A loop for Auto repair will start but fix nothing.  You will be panic as there are no back…
Because your company can’t afford for you to make SEO mistakes, you’ll want to ensure you’re taking the right steps each and every time you post a new piece of content. This list of optimization do’s and don’ts can help you become an SEO wizard.
The goal of this Micro Tutorial is to help navigate beginning users with the app store on Windows 8. It will explain exciting features how to maximize your PC through these apps. This will be demonstrated using Windows 8 operating system.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

726 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