Custom font not showing in Internet Explorer 11

Support
#1

Hi there,

For a client I have installed a custosm font but it is not loading on IE 11.
Is there a work around or Is it possible to have a fall back font?

Thx in advanced.

Grtz Marcus

#2

Hi Marcus,

A fallback font can be set using CSS media queries.

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
 /* Add fallback font declaration here*/
}

Add it on Theme Options > Global CSS

Hope this helps.

#3

Hi Lely,

Thx for your support.

I added the css in theme options > global css but it is still showing the default Times font. See screen.
This is the code I used:

/* IE 11 font fallback */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
font-family: Arial, Helvetica, sans-serif;}

Thx in advanced!

#4

Hi Marco,

What was provided is just a wrapper of CSS and not styling. It’s supposed to be like this

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

.my_custom_class {
font-family: Arial, Helvetica, sans-serif;
}

}

Given that your CSS is this that is needed to be applied on IE 11

.my_custom_class {
font-family: Arial, Helvetica, sans-serif;
}

Would you mind providing a sample URL where this should be in effect and which text?

Thanks!

#5

Hi Rad,

I need a font fall back for all pages.

I hope you understand what I mean?

#6

Hi Marco,

I see that you only use one file format for your custom font to load (.ttf), TrueType (.ttf) and OpenType (.otf) file format are not fully supported by IE (you can see that here).

Please load the other webfonts file format as well (e.g. .eot, woff2, woff, and .svg) so your site can support a wide range of browsers. Even just the woff format can cover a lot of browsers.

Webfont formats

Cheers!

#7

Hi Friech,

Works almost…

I uploaded the woff and woff2 files to the media manager and I’m able to select the fonts in the font manager. However not all fonts are showing correct in IE 11.

Thx in advanced!

#8

Hi Marco,

I don’t see the issue anymore on my end, please clear your browser’s cache and any other caching features you might have.

Cheers!

#9

Hi Friech,

I don’t have Windows but you’re right. :slight_smile: Thx for the support.

Have a nice day!

#10

You are most welcome!

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.