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 tag

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 tag of your theme.liquid file

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

[PageFly-Oliver]

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