Site logo

Archived topic

Internet Explorer - fonts not loading

30 replies · Started by John C on June 1, 2020

Viewing posts 1–15 of 31

Hi,

i am using the Neuropolitical font on my site but it's not displaying properly in Internet Explorer. is there a fix for this?

Thank you,
John

Hi there,

have you installed the .eot file version of the font ?

yes i did actually - here is my CSS:
@font-face{
font-family: 'Neuropolitical';
font-style: normal;
font-weight:400;
src: url('https://therevrepublic.com/neuro.eot');
src: url('https://therevrepublic.com/neuro.eot?#iefix') format('embedded-opentype'), url('https://therevrepublic.com/neuro.woff2') format('woff2'), url('https://therevrepublic.com/neuro.woff') format('woff'), url('https://therevrepublic.com/neuro.ttf') format ('truetype'), url('https://therevrepublic.com/neuro.svg') format('svg');
}

it only doesnt display properly in IE

Is it that the wrong font is being displayed ? Or is the correct font but it looks incorrect ?

If its the latter then you may want to check the original font files are not corrupted.

No it’s the former

Can you repaste your @font-face code here - before submitting, please highlight the code and click the code button in the toolbar so i can see the formatting is correct.

@font-face{
font-family: ‘Neuropolitical’;
font-style: normal;
font-weight:400;
src: url(‘https://therevrepublic.com/neuro.eot’);
src: url(‘https://therevrepublic.com/neuro.eot?#iefix’) format(’embedded-opentype’), url(‘https://therevrepublic.com/neuro.woff2’) format(‘woff2’), url(‘https://therevrepublic.com/neuro.woff’) format(‘woff’), url(‘https://therevrepublic.com/neuro.ttf’) format (‘truetype’), url(‘https://therevrepublic.com/neuro.svg’) format(‘svg’);
}

It might be the curly quotes.
Check in your theme CSS that you don't have curly quotes ‘’ - make sure they are straight ''

i double checked and they are all straight.

If you right click and inspect the page in IE11 are there any errors in the console?
Sorry i can't check as IE11 is forbidden on my current network.

actually, yes:

**

None of them look font related.
In the Networks panel of the Developers console can you see if the font is being requested? You may have to clear the caches and reload to see if it is called.

oh but i notice the console errors are very different now

screenshot

This archived topic is closed to new replies.