Some text has not updated when using custom fonts using Adobe Fonts in Dawn Theme

Hey!

I have added custom fonts with Adobe Fonts using this video and it’s worked great - https://conversiontracking.io/blog/how-to-install-adobe-fonts-to-shopify-dawn-theme

However, there are smaller bits of font that have not updated such as the ‘Buy with’ section of the Apple Pay button on mobile (it’s fine on desktop) and the ‘Filter & Sort’ text on Mobile and Desktop. They are still the Shopify font.

Is there anyway I can get it to update as the body copy? I’ve changed some headings to be certain fonts in the code so I’m thinking I just need to know the name for these smaller areas and add them to the ‘body’ section in the code?

Any help would be appreciated :slightly_smiling_face:

Thanks in advance!

HI @savanna1234

To complete your requests, please follow these steps:

  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.
select#SortBy {
    font-family: brevia, sans-serif !important;
    font-weight: 600;
}

Here is the result: https://prnt.sc/r8URKWcKnrOX

I hope this helps

Best,

Daisy

Thanks so much Daisy! That worked for the ‘Featured’ text any ideas on the ‘Filter’ and ‘Buy With’ text?

Hi @savanna1234

The “Buy” button cannot be styled or changed with CSS, as it is default of Shopify
As for the “Filter” section, it’s likely being overridden by other code.

Best,

Daisy