How do I change the font for the Company Name (brand.text) to a Google Font?

Support
#1

Assuming I have to do this with CSS, not the font manager.

Not planning to purchase Pro.

I added this to the Custom CSS, but I assume I need to preload the font first.

.x-brand {
margin-top: 16px;
font-family: “Cormorant Garamond”;
font-size: 36px;
font-style: normal;
font-weight: 400;
letter-spacing: 0em;
text-transform: none;
color: #121212;
}

I want to preload the font for the fastest response and put the change somewhere that won’t get overwritten by updates.

#2

Hey Winter,

Thanks for reaching out!

If you want to add custom solution to preload your custom font. Please check this thread.

Hope that helps.

#3

I’m not clear where I should put this code so that it’s not overwritten by updates:

"you can add a priority to the function. Have it updated and use this instead:

add_action('wp_head', 'add_header_code', 5);
function add_header_code(){
?>
    <link rel="preload" href="appropriate url inserted here" as="font">
<?php
};
#4

For clarification, this is for a Google font.

If it better if I download the font onto my site or just put a reference?

Where do I upload it to? How do I reference a Google font?

#5

Hey @wintersolutions,

You can check this article instead to know how you can use Google font along with your custom CSS:

Be advised that custom CSS CODING is beyond the scope of our support under our Support Policy. If you are unfamiliar with code and resolving potential conflicts, you may select our One service for further assistance.

#6

Respectfully, I’ve seen this article and is not helpful to me.

What code do I need to add where?

Which file do I put this code into for the X Theme?

<link rel= "stylesheet" type= "text/css" href= "https://fonts.googleapis.com/css?family=Lora|Oswald" media= "screen" >

<link rel= "stylesheet" type= "text/css" href= "YOUR THEME STYLESHEET" media= "screen" >

Where it says YOUR THEME STYLESHEET, what do I put there?

Where it says media=screen, do I leave that alone?

#7

Hi @wintersolutions ,

To include a Google font manually, here’s a thread that you can follow Google font missing from Font Manager

Thanks!

#8

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.