Add Custom Fonts and use it for the Revolution Slider's layers

[matilde]

Hello,

I just buy a web-font and I was wondering to use it for the text of the layers (ex medium_bold-red). I download the web-font on my computer.

Then, I upload the custom web-font (all the file type except the .SVG) in Theme Options> Fonts Manager.

When I try to edit the style of the content of the Revolutions Slider’s layer it doesn’t show me the web-font I’ve uploaded.

I would know if there are any other things that I should do for make it work 🙂 Thanks!

 

[Nermin]

Hello Matilde,

In order to add custom fonts to Revolution Slider’s layers you should follow the steps on this article and if you faced any problems please don’t hesitate to contact us so we can help you.

Thanks,
Bassem

[Nermin]

Dear Matilde,

If you are using revolution slider 5+, kindly use this link that will show you how to add custom fonts

[matilde]

Hello Bassem, I saw the guide and follow the guidelines but I’m still confused. I’ll explain you my situation 🙂 :

I’m still working in local.

When I bought the theme I’ve created a wiz-child-theme (with his own style.css) but I’m customizing the css from the Theme Option. (Did I mistake?)

I saw that the css of the theme is defined by two file called internal-css placed in the folder function of the original wiz theme and the theme.css file, in the wiz theme also.

If I want to add a font to the wiz-child theme (the one that is active on WordPress), I should create a path in the css file that I suppose to be the brand new style.css of my wiz-child theme. So, I put my webfonts folder in the same folder of my style.css and by the Custom Css from Theme Option I add my font like this:

@font-face {

font-family: ‘KGBrokenVesselsSketch’;

src: url(‘webfonts/2F1FDD_0_0.eot’);

src: url(‘webfonts/2F1FDD_0_0.eot?#iefix’) format(’embedded-opentype’),

url(‘webfonts/2F1FDD_0_0.woff2’) format(‘woff2’),

url(‘webfonts/2F1FDD_0_0.woff’) format(‘woff’),

url(‘webfonts/2F1FDD_0_0.ttf’) format(‘truetype’);

}

I’m sure it’s a problem of path.

Also, if I update the custom font from Theme Option> Fonts Manager the path for my webfont will be http://localhost8888/nameofmysite/uploads/2015/webfonts right?

Thank you, hope you understand 🙂

 

[Nermin]

Dear Matilde,

If you setup the font from Theme Option> Fonts Manager then you don’t need to add any custom CSS into your style.css or Theme options > Custom CSS as we do it automatically.

If you setup the font into your child theme then you will need to add custom CSS into your style.css like you wrote on the previous reply and on this case you don’t need to make anything on Theme Option> Fonts Manager or Theme options > Custom CSS

If you have any issues or need any additional information, please let me know.

Thanks,
Bassem

[matilde]

Dear Bassem,

thank you for your patient. I find a solution and now everything works! I’m so happy 🙂

[Nermin]

Dear Matilde,

I’m so glad that you have solved your issue 🙂

If you liked Wiz please consider rating us at Themeforest that will be so useful for our continuity, You can Click Here to Rate us Now.

Thanks,
Bassem

[Author]

Posts