How do I make this heading use the Roboto font?

[empiricalarby]

When I navigate to this page: https://empiricalwater.com/blogs/blog

Notice the font of the title, Coffee Storage Solved

But when I click on the post, (link: https://empiricalwater.com/blogs/blog/coffee-storage-solved) it looks like this

I would like that title to appear as it does in the second image. If anyone can help write an override of some sort for that, I'd be greatly appreciative. Thanks.

[Moeed]

Hey @empiricalarby 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
h1.article-template__title {
    font-family: 'Iosevka Extended Medium' !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[empiricalarby]

Thanks but this is the opposite of what I needed. I need them to both be the other font.

[Dan-From-Ryviu]

Hi @empiricalarby 

You can made it by adding this CSS code before </body> tag of your theme.liquid file

.blog-articles .card__heading a { font-family: var(--font-heading-family !important; }

 

[PageFly-Oliver · Accepted solution]

Hi @empiricalarby ,

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at the bottom of the file -> Save

.blog-articles__article.article .h2{
font-family: var(--font-heading-family) !important
}

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly