How can I change the font of collection titles in the Dawn theme?

[charlieharrier]

Hi there, I am currently running the Dawn theme and I would like to change the font of the collection titles, specifically when displaying in a collection list. I would like to change the font to Josefin Sans. For example https://jewelry-bargain.com/pages/rings-affordable-high-quality-jewelry at the top of the page below "Shop now" you can see the collection list, the font of the collection titles are uneasy to read and I would like to change the font of them. I would also like to change the collection banner font to Josefin Sans as I feel they would link well together (example of collection banner https://jewelry-bargain.com/collections/simple-ring "Simle Rings" at the top of the page). Any code to help change these would be greatly appreaciated. Many thanks - Charlie.

[GemPages]

Hello @charlieharrier 

It's GemPages support team and glad to support you today.

I would like to give you a solution to support you.

1. Go to Online Store -> Theme -> Customize

2. Go to the setting of the theme -> Typography

3. Change the font of the heading to Josefin Sans

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

[charlieharrier]

Hi there, I'm very sorry I forgot to include I dont want to change the heading fonts as I would like to keep the current font for all the other headings across the site, I would only like to change the font for the title of the collections. Sorry for the confusion. Many thanks.

[GemPages · Accepted solution]

@charlieharrier 

Apply only Product title of collection.

Please try again with the following code: 

<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
<style>
    .card__heading  a{
       font-family: 'Josefin Sans' !important;
    }
</style>

[Andalbutka23]

Where exactly do you paste this in the code?