Custom Font in Rev Slider

f1werbung · September 2019

Hi,

i'm trying to build the site under following url with custom fonts. (Mission-Script and Margot).

http://test.f1werbung.de/wiedemann/

That works perfectly in the regular content. But i got no idea, how to activate the fonts for the Revolution Slider.

I've inserted the following code within "custom-css-panel in Rev Slider:

@font-face { font-family: 'Mission-Script';
src: url ('http://test.f1werbung.de/wiedemann/wp-content/uploads/2019/09/Mission-Script.woff')
format('woff');

}

.mission-css {
font-family: 'Mission-Script' !important;

}

then i went to layer-lopitons > attributes > Classes and typed in: mission-css

But i still cant active the font. What am i doing wrong

Thank's for your help in advance

Kind Regards

Frank

P.S.: I'm not experienced in programming at all. I just followed the insteructions of theme-punch.
https://www.themepunch.com/faq/use-your-own-fonts/

Bryan · September 2019

Hey,

please check if you pasted this correctly because you have a unwanted space between url and (

https://prnt.sc/p5zik9

The css looks fine.

thanks

f1werbung · September 2019

Checked it and even when i delete the blank, it brings nothing.

Pablo · September 2019

Can you turn off the "Coming Soon" mode?

I'll check your website source code.

Also, please disable all of the plugins (leave the RevSlider turned on only), clear the cache of a browser and check if the issue still exists.

Thanks

f1werbung · September 2019

I did so. But the problem unfortunately still exists.

Pablo · September 2019

I wanted to take a look at your website code.

Please turn off the "Coming Soon" and leave me a note that you did it.

I'll give you response as soon I'll investigate the problem.

Thanks

f1werbung · September 2019

Sorry.My Fault.

Under Construction is of now.

Pablo · September 2019

You applied the 'mission-css' class, while your class with that font-family attribute is 'my-custom-class'

http://prntscr.com/p7otln

Please provide the proper class name into the revolution slider class input and check if the issue still exists.

Thanks

f1werbung · September 2019

I allready changed that to "my-custom-class" in both (attributes and css) yesterday – just to make sure, i insert the exact phrases from themepunch (link above).

So, that should be proper.

Pablo · September 2019

Please send us WordPress dashboard access privately thru the contact form which is on the right side at http://themeforest.net/user/muffingroup#contact and we will check what might be the reason.

Notice!
Please attach a link to this forum discussion.

Thanks

Pablo · September 2019

You forgot to insert the "closing bracket" into the end of the font-face rule.

http://prntscr.com/p851n7

After adding it, it works fine.

Thanks

f1werbung · September 2019

As written in the very first post, the fonts allready worked in page builder (content). But i still can't activate the font in Revolution Slider... :-/

Pablo · September 2019

I removed the "-" sign between 'Mission Script" in Custom CSS code and it works.

http://prntscr.com/p8lf5b

Thanks

f1werbung · September 2019

So thankfull.....!!! I would have searched for this forever...

Thanks a lot!

Have a nice weekend!

Custom Font in Rev Slider

Comments