How do I change the "Featured" font style. It is the Title of the Featured Collection.

[HJG]

I would like to change the Font Family of the Featured Collection title "Featured".

I've tried a few small lines of code in the custom css on the page and it didn't work.

If anyone has any ideas please let me know

[PageFly-Richard]

This is Richard from PageFly - Shopify Page Builder App

Hi @HJG  Please add code here to change font.

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

<style>
 .collection .title{
  font-family: Featured !important;
}
</style>

Hope my solution will help you resolve the issue.

Best regards,

Richard | PageFly

[HJG]

Hey  @PageFly,

Thanks for the response, but the font didn't change.

I'd like to change it to this font, arialroundedmtbold (that is the name of tthe font, and it is a .woff2 format)

[PageFly-Richard]

Hi, Please edit code:

<style>
 .collection .collection__title .title{
  font-family: arialroundedmtbold !important;
}
</style>

[HJG]

Hi, I edited it but still no change.

Should I look somewhere else incase I have an error I need to fix.

This is what the code looks like:

This is what the text looks like:

[JonathanSor]

Hi,

Try this:

 .collection-hero .collection-hero__title {
  font-family: arialroundedmtbold !important;
}

 or click select element to apply font to in my free app in a visual element picker