Hi, I’ve uploaded a custom font and have it working splendidly on Chrome. However, IE won’t load it (Microsoft Edge loads it fine). This is my code:
@font-face {
font-family: Heather;
src: url(-urlhidden-/wp-content/themes/enfold-child/DJB%20HeatherG.ttf);
font-weight: normal;
}
I’ve hidden the URL because I didn’t want to post the code snippet as private content – an answer here may help someone else in future.
What would I need to add to this code to ensure it works on IE? I only have a .ttf file.
As a separate matter, thanks for your swift update after WordPress 4.5 broke a few elements on a couple of my sites. 3.5.3 is now working magically on all of my sites without issue.
Thanks :)
Hi Allegrif!
Thanks for getting in touch with us!
Note that not all browsers render fonts the same or may not support certain font types. Internet Explorer 9+ should have .ttf support but usually .eot is compatible. This link should help explain it better or show examples of how to use the @font-face https://css-tricks.com/snippets/css/using-font-face/
Let me know if you need further assistance.
Regards,
Jordan