Totara Learn Open Discussions

Custom fonts not working in ie 11

 
Rajaguru V
Custom fonts not working in ie 11
by Rajaguru V - Sunday, 7 March 2021, 11:32 PM
 

Hi All,

Custom fonts are not working in ie11. 

I have given the below css code for custom fonts. It's working fine in all browsers except ie11. Could you please guide me to make it works?

@font-face { 
     font-family: 'custm_fontName';
     src: url([[font:theme|custm_fontName_Web_Core_Regular.otf]]);
     src: url([[font:theme|custm_fontName_Web_Core_Regular.otf]]) format('embedded-opentype'),
     src: url([[font:theme|custm_fontName_Core_eot_755879.eot]]) format('embedded-opentype'),
     src: url([[font:theme|custm_fontName_Core_woff_755893.woff]])format('woff'),  
     src: url([[font:theme|custm_fontName_Core_woff2_755903.woff2]])format('woff2');
     font-weight: normal;
     font-style: normal;
}


Thanks in advance,

Rajaguru.V

 
Permalink | Reply
Craig Eves
Re: Custom fonts not working in ie 11
by Craig Eves (Totara Support) - Tuesday, 9 March 2021, 6:58 PM
Group Totara

Hi Rajaguru

There does seem to be an issue with IE 11 and support for woff fonts. 

One of the articles I found suggests 

  1. Use WOFF instead of WOFF2
  2. Open the font link in IE
  3. Copy and paste it in your CSS/SCSS
There are also other articles suggesting other ways around this.

Regards



 
Permalink | Show parent | Reply
Rajaguru V
Re: Custom fonts not working in ie 11
by Rajaguru V - Tuesday, 9 March 2021, 9:34 PM
 

Thanks Criag. Let me check that.

 
Permalink | Show parent | Reply