Google font on Internet Explorer

Hello,

I'm adding a google font by using this:

@import url('https://fonts.googleapis.com/css?family=Open+Sans|Poppins:400,500')

or

@font-face {
  font-family: Poppins;
  src: url('/(...)/font/Poppins-Regular.ttf') format('truetype');
}

Both work fine on Chrome but not on IE11.

I also tried to create an html file with the same font, using the same import and it renders well on IE so I'm guessing this is an Outsystems problem.


Thanks

Hi Filipa,

Have a look at Eduardo’s solution in this post:

https://www.outsystems.com/forums/discussion/26831/adding-custom-fonts/

Kind regards,

Nordin

Nordin Ahdi wrote:

Hi Filipa,

Have a look at Eduardo’s solution in this post:

https://www.outsystems.com/forums/discussion/26831/adding-custom-fonts/

Kind regards,

Nordin


I've tried that already.

Thanks

Filipa Carrelo wrote:

Hello,

I'm adding a google font by using this:

@import url('https://fonts.googleapis.com/css?family=Open+Sans|Poppins:400,500')

or

@font-face {
  font-family: Poppins;
  src: url('/(...)/font/Poppins-Regular.ttf') format('truetype');
}

Both work fine on Chrome but not on IE11.

I also tried to create an html file with the same font, using the same import and it renders well on IE so I'm guessing this is an Outsystems problem.


Thanks

Hi Filipa Carrelo,

It is not Outsystem issue as of the same issue seems to have been discussed on the following two pages but with no resolution:
Google Code
MSDN Forums

Try this:

Using the Web Font Loader javascript instead of the default method of adding fonts can work in IE11.

 https://developers.google.com/fonts/docs/webfont_loader.

Thanks,

Assif