Custom Font still not showing up in Revolution slider

tom_danny

Hi All!

Thank you for doing great job.

I'm trying to install custom fonts in Revolution Slider.

I followed this steps here https://www.themepunch.com/faq/use-fonts-google-fonts/

But I still can't see custom font loaded in dropdown font-family option.

This is the font I would like to add to my Revolution Slider https://www.fontsquirrel.com/fonts/greatlakesnf

I uploaded fonts to wp-content/webfonts/

Below is the path to that font uploaded to the server via FTP

http://dev.poppiecock.com/wp-content/webfonts/GREALN__-webfont.eot

For some reason I can't see this font inside of Revolution Slider dropdown font-family option.

Please advice.

Thank you!

Albert

Hi,

as far as we know, it is important to upload all font types and not just .eot format. As it has been explained on https://www.themepunch.com/faq/use-fonts-google-fonts/ you should upload 4 different font types. Also, make sure you set absolute paths for fonts because this might be a reason why fonts does not work as well.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

tom_danny

This is how my css code look like:

@font-face {

    font-family: 'greatlakesnfregular';

    src: url('http://dev.poppiecock.com/wp-content/webfonts/GREALN__-webfont.eot');

    src: url('http://dev.poppiecock.com/wp-content/webfonts/GREALN__-webfont.eot?#iefix') format('embedded-opentype'),

         url('http://dev.poppiecock.com/wp-content/webfonts/GREALN__-webfont.woff') format('woff'),

         url('http://dev.poppiecock.com/wp-content/webfonts/GREALN__-webfont.ttf') format('truetype'),

         url('http://dev.poppiecock.com/wp-content/webfonts/GREALN__-webfont.svg#greatlakesnfregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

I uploaded all font types but for some reason doesn't show up in revolution slider dropdown option.

However I can load it and use it in betheme theme by going to Appearance -> BeTheme Options -> Fonts

tom_danny

I found the way around to make my custom font appear on page.

Additional step I did is, I created Text/HTML Layer, typed desired text and I clicked

on arrow pointing down next to STYLE tab (Advance Style). Then I clicked on Advanced CSS > Layer.

Then Layer Inline CSS windows will pop up and all I did I entered this: 

{

font-family: 'Great Lakes NF';

}

The only thing is I will have to do that for every text I want to change the font, but hey, it works!

Albert

Thanks for more details. We are glad to know that you sorted it out yourself. Hope your explanation would be helpful for other users as well.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next