Help Uploading font to Shopify Theme: Motion

Ask & Offer
1

Hi there! I am building out a trial of the Shopify Theme called Motion and I would like to upload a new font (Avenir) I have not been able to find how to do this on a Trial theme.

2

Hi @qejasocks,

Currently, Avenir is not supported for direct selection in Shopify fonts, so you need to upload and declare it.

You can refer to the following article, it will guide you in detail on how to upload third-party fonts.

Refer: Correct an error after adding a custom font the wrong way with Dawn Theme - #11 by namphan - Store Design - Shopify Community

3

I’ve made a number of posts on this.

  1. Do no try to upload to Assets – it’s impossible in trial theme and Shopify will/may corrupt font files uploaded to Assets;
  2. Upload your fonts to Files instead and use file_url instead of asset_url in your @font-face CSS rule;
  3. Use “Custom liquid” section in Footer to add your CSS rules if they require liquid…
4

On a Shopify trial theme, uploading custom fonts like Avenir is limited. You can either:

  1. Use a web-hosted version of the font and add it via @font-face in your theme’s CSS (Assets → theme.scss.liquid).

  2. Select from Shopify’s preloaded fonts under Online Store → Themes → Customize → Typography.

Full theme code access, which makes custom fonts easier to add, is only available on a paid plan.

5

To upload a font, you need to edit the theme’s code, but a trial theme does not allow code editing.