Docs

[sebagc]

Hi!
Im sorry to bother, but im going crazy.
Ive tried several different ways to solve it recommended in the knowledge base but with no luck!

I intend to use the Google font Miriam Libre in my website, and also in rev. slider, but its not available.
I added it through the Punch Fonts section, and it worked for Essential Grid, but not with the rest.

Can you please help me out?
Thank you very much!

website http://www.sudgower.com

[Lely]

Hi There,

Thanks for posting in.

Because this requires a template change, I’d advise that you setup a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

Then add the following line on your child theme’s style.css file at the very top:
@import 'https://fonts.googleapis.com/css?family=Miriam+Libre:400,700';

Hope this helps.

[sebagc]

Hi Lely!
Thanks for the quick response!
I have a child theme set up.
i tried what you said but didn’t work.

what else can i try?

Thank you very much!!!
Sebastian

[Lely]

Hello Sebastian,

Your site is under construction.
Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[sebagc]

This reply has been marked as private.

[Lely]

Hi There,

Thank you for the credentials.
You should add it outside the commented part.
Update style.css from this:

/*

Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

@import 'https://fonts.googleapis.com/css?family=Miriam+Libre:400,700';
*/

To this:

/*

Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/
@import 'https://fonts.googleapis.com/css?family=Miriam+Libre:400,700';

This /**/ is a multiple line comments in CSS syntax. Any code added inside those will be treated as comment.

Then I visit your child theme’s style.css file on the browser and it is not updated too. See attached screenshot. This might be because the file is cache. I can’t see a caching plugin on your site so please check in with your hosting provider if they are running a caching service. If yes, please delete/ purge cache. Do let us know how this goes.

[sebagc]

Thanks!!!
i corrected it but still no luck!
i have bluehost, and no cache activated that i know of.
will it be solve by just waiting ?

Thanks!
Best!
Sebastian

[Lely]

Hi Sebastian,

The font is loading already. See this:http://screencast-o-matic.com/watch/cDjUfnjVVU
Please try to clear browser cache and then use the following:
font-family: 'Miriam Libre'; on the specific element where you want this font.

Hope this helps.

[sebagc]

Thanks again Lely!
Sadly, im not able to use it in the customiser nor in Rev Slider.
Is there anything im doing missing or wrong?

Thanks!!!!

[Lely]

Hi There,

No need to add the following line on you customizer:
@import 'https://fonts.googleapis.com/css?family=Miriam+Libre:400,700';

Please clarify on which part it is not working so we can check it for you.
Just to test, I made Test slider with Text layer. On the Attribute class I add custom-font. On the customizer, I did remove the font import already then add the following code:

.custom-font h1{
  font-family: 'Miriam Libre';
}

I also made a test page and include this Test slider on top. As you can see on the screenshot, the font is working. Feel free to check the test page too and delete it when done.

Hope this helps.

[sebagc]

Thank you!
Im going to take a look around and see what im not understanding before i keep bothering you guys!

The place where i don’t find it is in the Typography Tab in the Customiser, where you set up your website’s Headlines fonts. Currently i have Montserrat font.
And although i see it working in the Test Page with the Test Slide, when i try to edit the slide, i don’t see it with the font, nor in the slide or in the Font selector.

Ill try again tomorrow. 🙁

Thank you for all your help!
Best regards!
Sebastian

[Christopher]

Hi there,

‘Miriam Libre’ font is not available in customizer. Custom fonts couldn’t be added to customizer without custom development. But still you can use it by adding CSS.

Thanks.

[sebagc]

Thank you very much for all the help!

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts