Solved

Webfont not loading only in IE11, Windows 8.1 version

Posted on 2014-02-18
2
8,525 Views
Last Modified: 2016-10-20
Hello, I have a problem with this website and I'm at a total loss:

http://www.cirworld.eu

Aside from some quirks, it's working fine on all browsers, except IE11 on W8.1.

The problem is with webfonts. They just won't load with that browser/OS combination.

The site is built with Wordpress and a theme I heavily modified.

The css for the webfonts was originally:

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300italic,300,400italic,600,600italic,700,700italic,800,800italic);
font-family: 'Open Sans', sans-serif;
@import url(http://fonts.googleapis.com/css?family=Philosopher:400,400italic,700,700italic);
font-family: 'Philosopher', sans-serif;

Open in new window


at the beginning of the style.css file.

I changed this to:

@font-face {
		font-family: 'Philosopher';
		src: url('fonts/gabriola.eot');
		src: url('fonts/gabriola.eot?#iefix') format('embedded-opentype'),
				 url('fonts/gabriola.woff') format('woff'),
				 url('fonts/gabriola.ttf') format('truetype'),
				 url('fonts/gabriola.svg#gabriola') format('svg');
		font-weight: normal;
		font-style: normal;
		}

Open in new window


I wanted to use this gabriola font I bought but I kept the name Philosopher to avoid changing too many lines of code.

Anyway, my webfont doesn't show up in IE11/W8.1.

Google fonts didn't show up either (not even in IE11/W7, actually), until I added this to the header of the theme:

<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

Open in new window


I hope someone can help me because I don't know how I may add this web font in a way that IE11/W8.1 recognizes it too...
0
Comment
Question by:Daniele Brunengo
2 Comments
 

Accepted Solution

by:
Daniele Brunengo earned 0 total points
ID: 39868260
Solved it. Looks like IE11 is the ONLY browser needing the font's declared name to match the font's name as stored into the font itself, or something. Anyway, changing everything from Philosopher to Gabriola fixed it.
0
 

Expert Comment

by:Robert Beach
ID: 41852980
Thanks! This also fixed the same problem in other IE versions.
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

WordPress can be pretty daunting, especially for a beginner, so I thought it might be a good idea to write an article to show how easy it is to get started in WordPress and to design a custom theme.  The first step is to check with your hosting comp…
I had to do a bit of research to find the answer to this question so I thought I'd share my results.  Due to our outdated mainframe systems, we need to downgrade IE9 to IE8 in order to stay compatible.  We also needed to downgrade Java.  In order to…
The purpose of this video is to demonstrate how to add AdSense Ads to a WordPress Website, and how to set up WordPress to automatically place Ads in Sidebars. This will be demonstrated using a Windows 8 PC. Log into your AdSense account. : Cli…
The purpose of this video is to demonstrate how to prevent comment spam on a WordPress Website. This will be demonstrated using a Windows 8 PC. Plugin Akismet will be used. Go to your WordPress login page. This will look like the following: myw…

948 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

Need Help in Real-Time?

Connect with top rated Experts

19 Experts available now in Live!

Get 1:1 Help Now