Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #621371

    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 :)

    #621549

    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

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.