Enfold, LayerSlider and Google Fonts - Support | Kriesi.at

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
May 7, 2016 at 7:29 pm #628672

xuamox
Participant

Hi,

I am trying to implement Google fonts for my slider. I added the following code to CSS on my font layer

font-family: ‘Open+Sans’, sans-serif; font-weight: regular;

It works fine in Chrome, but on IE, it does not read the Google font right away. If I inspect the element, it will switch over, but if I refresh, then it reverts to the default font.

Any ideas why IE is not reading the google font from the get go?

May 7, 2016 at 10:56 pm #628716
Basilis
Inactive Moderator
Hey xuamox!

What IE version are you using?
I tried on latest version and it was working properly.
if it is on version 7 or 8, please add the following to your header file
```

```
thanks a lot

Cheers!
Basilis
May 10, 2016 at 8:18 pm #630216

xuamox
Participant

I am using IE 11. Perhaps I am caching something somewhere?
I will ask other users to see if they see what I see.
I will keep you posted.

Thanks

May 10, 2016 at 9:54 pm #630253

Basilis
Inactive Moderator

Hi!

Sure keep us posted, we will do our best to assist you further if needed.

Best regards,
Basilis

July 15, 2016 at 6:54 pm #661468
hgerths
Participant
Hi there,

I have the same effect.
We have the newest Enfold version.

In custom.css we added code like this for IE:
```
@media screen\0 {
	@font-face {
	  font-family: FF-DIN-Round-Pro-Black;
	  src: url('../fonts/DINRoundWeb-Bold.eot');
	  src: url('../fonts/DINRoundWeb-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/DINRoundWeb-Bold.woff') format('woff'), url('../fonts/DINRoundComp-Bold.ttf') format('truetype');
	  font-weight: 800;
	  font-style: normal;
	}
.....
```
It is working everywhere in IE11, but not in the layer slider.

When I inspect the element in IE, the text toggles into the right font.

Thanks for any assistance!

Holger.
July 20, 2016 at 3:07 am #662743

Ismael
Moderator

Hi,

How did you apply the font in the layers? Did you use the Custom CSS field?

Best regards,
Ismael

July 20, 2016 at 5:22 pm #663060
hgerths
Participant
Hi Ismael,

in the layers we are using paragraphs and H2. In the custom.css file we styled like this:
```
h2 {
    font-family: FF-DIN-Round-Pro-Medium, sans-serif;
    font-size: 1.6rem;
    font-weight: 300;
}
h2 strong {
    font-family: FF-DIN-Round-Pro-Bold, sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
}
p {
    font-family: FF-DIN-Round-Pro-Regular, sans-serif;
    line-height: 140%;
    margin-top: 0px !important;
    font-weight: 300;
}
p strong {
    font-family: FF-DIN-Round-Pro-Bold, sans-serif;
}
```
Best regards
Holger
July 24, 2016 at 4:46 pm #664404

Ismael
Moderator

Hi,

Thanks for the info. Try to put the font-family property in the layers’ Styles > Custom CSS field so that it’s inline.

Best regards,
Ismael
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.