Rev Slider Fonts

[mrjWells]

Greetings, The fonts in rev slider seem to change depending on browser being used. When I set my fonts to “open sans” they show that way in firefox (most of the time) but in other browsers they look more like “times new roman.” Also, in the rev slider preview they always show in “times new roman” (or something close to that). Is there a setting I am over looking somewhere? Here’s the URL: http://quantumleap1000.com/

[mrjWells]

I figured it out. Had to upload the font from google fonts.

[Mohammad – SUPPORT]

Hi,
I’m glad that issue fixed . You are genius .
Cheers !
With Best Regards
Swift Ideas

[Paddaman]

Hi MrJWells,

Having same issue. Can you please direct me in what folder did you upload the fonts to?

[Kyle – SUPPORT]

Hi

You just need to grab the link from Google Fonts and paste it in the header.php file. Then the font’s will be loaded on the page and you can apply the fonts to your sliders.

– Kyle

[mrjWells]

Well, Kyle’s way is much easier than what I did so I would do it his way. This is what I did:

At https://www.google.com/fonts find the font you want and click the plain box with an arrow in it (quick-use box). It is next to the blue box that says add to collection.
On the next page check the 1. style and 2. character sets you want.

Step 3. Copy the code in the “Standard” tab and paste it in the “slider settings” for “Google font settings” where it says “Add New.”
Back on the Google Fonts page step 4. “Integrate the fonts into your CSS:”
Copy the font name so you can add it to the CSS in revslider.
Now go back to “edit slides” in revslider and click on the layer where you want to use that font. Under “Layers and General Parameters” click the blue box “Edit Style” and choose that font family from the dropdown. Now click “advanced editor” and paste the font name where it says “font family” and save.

[Swift Ideas – Ed]

Thanks for sharing your solution 🙂

– Ed