[malliktajmahalParticipant]

I have little knowledge in html.

Q1:
As per my understanding In the below code sans-serif is backup code.

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {

font-family: “Raleway”,sans-serif;

    font-style: normal;

font-weight: 700;
`}

If we use local language (for example Hindi or Telugu) i wish to change the backup language to something else(new font, google font).

I can change the primary font but don’t want to spoil the original English font look. (raleway font).

I tried few code changes at child theme in style.css but these changes are not reflecting in the website(trivikramwords.com).

Q2:
Also in visual composer, we have the option to select to select a custom font. We can select from all of the google fonts. however, we can only select the available fonts from the dropdown. In the font dropdown, all the fonts are not available since font style is set to 400 cyrillic. Please help me how can I select from all google fonts.

Thanks in Advance.

[FriechModerator]

Hi There,

Thanks for writing in! #1 You can add another fallback font before it falls to the default sans-serif.

font-family: "Raleway", "anotherFont", sans-serif;

#2 Please select the desire Google font here: https://fonts.google.com/

Find and collect all the fonts you need by click the + button correspond to it.

http://prntscr.com/byd5aa

Then on the collection panel, on the @import tab copy the @import line, do not include the <style> & </style> tag.

http://prntscr.com/byd5k0

Then paste that on top of your child theme’s style.css file.

Then you can apply that font the way you apply the “Raleway” on the headers (h1 – h6)

Hope it helps, Cheers!

[malliktajmahalParticipant]

Hi,
Thanks.

It Seems that Parent css is overriding child css.
What should I do?

I have added this code in child style.css but it is being cross marked in the chrome inspection.
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: “Raleway”, “Ramabhadra”, sans-serif;
font-style: normal;
font-weight: 700;
}

[FriechModerator]

Hi There,

Which font you want to use? Was it the “Raleway” or “Ramabhadra”, please declare first whichever the font that you want to use. The other two will just serve as fallback.

Please update your code to this;

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family:  "Ramabhadra", "Raleway", sans-serif !important;
}

You don’t need to re-declare the font-style and font-weight as they have the same value as the default (normal & 700 respectively)

Hope it helps, Cheers!

[malliktajmahalParticipant]

I am trying to use Ramabhadra. However, as I said above I want Raleway to be default for my website. But whenever Font changes other than English, I want it to be Ramabhadra. If that’s not possible at least I need custom font at that particular place.

[ChristopherModerator]

Hi there,

If your site was multilingual site, it would be possible. But currently some elements are in other language and the rest is in English. In this case you should target elements directly. You can add font-family: "Ramabhadra", "Raleway", sans-serif !important; in element’s style field.

Hope it helps.

[malliktajmahalParticipant]

Where to type this?
I have added in corner stone , but no luck.

also I am not able to see ramabhadra font in custom field drop down.

I want the font to look like 3rd screenshot.

[malliktajmahalParticipant]

Just want to let you guys know that . I have tried using cornerstone>settings>custom css to solve the issue. its resolved for now.
Thanks. Learning a lot.

[Rue NelModerator]

Hello There,

We are just glad that you have figured it out a way to correct the said issue.
Thanks for letting us know!

Just a tip: Please make sure that you set the font family in your customizer, Appearance > Customize > Typography. There are various elements that has this option settings.

Best Regards.

[Author]

Posts