How do I change all font besides body to custom font on Symmetry

Store Design
1

I have having difficulty uploading my downloaded font

AnyConv.com__PP Hatton Ultralight 200.woff2

I would also like to change everything to this new custom font, except the body.

https://www.forma.la/

2

Hello @Forma-LA

With recent updates from Shopify, you can no longer upload .ttf and .ottf files into a theme anymore. Instead, you can add Font File into the File section in your Shopify Admin Setting

Step 1: From your Shopify Admin, navigate Setting section and select “File”.

Step 2: Upload your Font File by selecting “Upload file”.

Step 3: The opened window will allow you to select the font file to add. As an example, in this article, we are trying to upload a font called “Yumin”. After having successfully uploaded the file, select the “Link” icon to copy the file link.

Step 4: After that, look for the file “theme.liquid” under the Layout section or via the search bar. Select to open the file.

Step 5: Add the following codes at the bottom of the file.

Replace the below elements of the code with actual data.

  • Font name: the name of the font.
  • Linkofthefontfile: the link of the Font File that was previously uploaded. It is copied after you select the Link icon.

Hit “Save” when finished.

So you can use FontName that you added.

To use the font for header, footer, kindly follow steps below:

  1. Go to your Online store > Themes > Edit code
  2. Open your theme.liquid file
  3. Paste the below code before

I hope the above is useful to you.
Best regards,
GemPages Support Team

3

Hi,

I just wanted to piggyback on this post and as this successfully changed the header and footer font. How would the code adjust if I wanted to apply this to the entire website

Thank you