Why can't I add an Adobe font to my Dawn theme?

Store Design
1

Hello!

I have been trying to add an adobe Webfont to my dawn theme without much success.

I have tried adding the code from adobe into the head of theme.liquid and added the code for the font to base.css

Unfortunately, that hasn’t worked.

Could anyone advise me on how to do this please?!

Best,

Oscar

2

Hi,

Please follow the steps below.

  1. Go to Online Store > Actions > Edit code > Under Assets “Click add a new asset”.

  2. Upload your Adobe Web fonts.

  3. Add the code below to base.css (under Assets)

@font-face {
  font-family: "Adobe-Webfont-Naame";
  src: url("{{ 'Adobe-Webfont-Naame.woff' | asset_url }}") format("woff");
}

Please don’t forget to change the font name above. The font name must match to the uploaded font.

Hope it helps.

Thanks.

3

Hello!

Thanks for this.

Unfortunately it is not possible to upload adobe web fonts, you seem to have to embed the code somewhere into the site and supposedly some kind of magic happens!

4

Do you know the web font address URL?

5

Yep it’s

Or do you mean this https://fonts.adobe.com/fonts/p22-mackinac

6

Sent you a message.

Please use the link to download the web font and add the code below to Assets / base.css.

@font-face {
  font-family: "P22MackinacBook";
  src: url("{{ 'P22MackinacBook.woff' | asset_url }}") format("woff");
}

Don’t forget to upload the web font to your assets.

20220619_053941.png
20220619_053941.png330×497 5.78 KB

Hope it works & helps.

Thanks.

7

Hi DavidEKim

I’m having the same issue and was wondering whether you could share the link you shared to help resolve this. I’m trying to upload 2 fonts to my dawn theme but having issues as most of the advice out there is saying that the fonts need to be uploaded as a file but adobe only provide a link.

Your help is much appreciated!

Kay

8

I just added Adobe fonts to the Dawn theme without uploading web fonts. Add the snippet from your Adobe Fonts web project to the head of your “theme.liquid” file. Then edit the font attributes in the “base.css” file.