Custom Fonts in Shopify

Using Adobe Fonts

The great thing about actually paying for Adobe Creative Cloud is the access of a pretty large repository of fonts. To add an fonts from Adobe:

In fonts.adobe.com:

Add fonts into a web project
Copy the Embed project link, which will look like <link rel="stylesheet"...

In Shopify:

Online Store > Themes > ⋯ (current theme) > Edit code
Go to theme.liquid file and add the copied link to the <head> tag
Go to Assets > base.css and add the following lines to the very end of the file:
```
:root {
  --font-body-family: "[font name]", sans-serif;
  --font-heading-family: "[font name]", sans-serif;
}
```
Replace the "[font name]" with your web project’s font name.

Custom font

Add font files into Content > Files section in Admin