• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 10423
  • Last Modified:

Webfont not loading only in IE11, Windows 8.1 version

Hello, I have a problem with this website and I'm at a total loss:


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...
Daniele Brunengo
Daniele Brunengo
1 Solution
Daniele BrunengoIT Consultant, Web DesignerAuthor Commented:
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.
Robert BeachCommented:
Thanks! This also fixed the same problem in other IE versions.
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.

Join & Write a Comment

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now