Skip to Content (Press Enter)
2020-02-07 21-56-32
Filipa Carrelo
324Views
3Comments
Google font on Internet Explorer
Question

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

0
0
12 Feb 2019
Copy Link
2021-08-12 11-00-27
Nordin Ahdi
 
MVP

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

0
0
12 Feb 2019
Copy Link
2020-02-07 21-56-32
Filipa Carrelo

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

0
0
13 Feb 2019
Copy Link
2021-04-09 11-42-43
assif_tiger
 
MVP

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

0
0
13 Feb 2019
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.