Custom Font With Slider Revolution

[whitemedia]

Hi,

In Pro > Font Manager I have a custom font (“Hallo Schatz”) successfully set-up and in use. However, I need to use the same font in Slider Revolution. I have tried following the instructions in the support post Adding a custom font to Revolution slider, but without success.

I have done the following steps:

1. Global CSS
This CSS has been added to Pro > Theme Options > Global CSS:

@font-face {
    font-family: 'HalloSchatz';
    src: url('https://www.mydomain.co.uk/wp-content/uploads/HalloSchatzScript-300.woff') format('woff2'),
    url('https://www.mydomain.co.uk/wp-content/uploads/HalloSchatzScript-300.woff2') format('woff2');
}

2. Slider Revolution Layer Custom CSS
This CSS has been added to the Global Layers “Rural Writings” text layer:

{ font-family: HalloSchatz !important; }

3. Slider Revolution Layer Attributes Classes
Class “HalloSchatz” has been added to the Global Layers Attributes Classes field.

Despite this, the font is not displaying on the public side. All details in a Secure note.

I hope you can put me on the right track.

Many thanks,
Christopher

[ruenel]

Hello Christopher,

Thanks for writing in and the very detailed post information!

The correct CSS code should only be this:

Check your slider now.

[whitemedia]

Hello RueNel,

Thank you very much. It is working perfectly now. I was close, but not quite close enough!

Thanks,
Christopher

[tristup]

Hi Christopher,

Glad that we are able to help you.

Thanks