Add adobe font to Broadcast theme 6.0

Store Design
, , ,

Topic summary

A user seeks guidance on integrating an Adobe font into Shopify’s Broadcast theme version 6.0.

Two methods are provided:

Method 1: Adobe Fonts API

  • Obtain an API key by creating a web project in Adobe Fonts
  • Add the key in Shopify under Settings > Themes > Broadcast > Theme settings > Advanced > Font libraries
  • Select and save the desired font from the library

Method 2: Custom CSS

  • Retrieve the font’s CSS code from Adobe Fonts website
  • Paste the code into Shopify’s Custom CSS section (Settings > Themes > Advanced)
  • Apply the font through Typography settings

Troubleshooting tips include:

  • Verifying API key or CSS code accuracy
  • Confirming font activation in Adobe account
  • Checking for CSS formatting issues or conflicts

The discussion remains open for follow-up questions if implementation issues arise.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
1

How do I add my adobe font to the new Broadcast theme 6.0

2

Hello @Carina2025

To add your Adobe font to the Broadcast theme 6.0 in Shopify, follow these steps:

Method 1: Using Adobe Fonts API

  1. Get your Adobe Fonts API key: Log in to your Adobe account, go to the Adobe Fonts website, and navigate to the “Fonts” tab. Click on the three dots next to “Web Projects” and select “Create a new web project.” Follow the prompts to get your API key.

  2. Add the Adobe Fonts API key to Shopify: In your Shopify admin, go to Settings > Themes > Broadcast > Theme settings > Advanced > Font libraries. Click on “Add font library” and select “Adobe Fonts.” Paste your API key and click “Save.”

  3. Select your Adobe font: In the Font libraries section, click on “Select fonts” next to your Adobe Fonts library. Choose the font you want to use and click “Save.”

Method 2: Using a custom CSS code

  1. Get the font CSS code from Adobe Fonts: Log in to your Adobe account, go to the Adobe Fonts website, and navigate to the “Fonts” tab. Find the font you want to use and click on the three dots next to it. Select “Web” and then “CSS” to get the font CSS code.

  2. Add the custom CSS code to Shopify: In your Shopify admin, go to Settings > Themes > Broadcast > Theme settings > Advanced > Custom CSS. Paste the font CSS code and click “Save.”

  3. Use the font in your theme settings: In the Theme settings section, go to Typography and select the custom font you just added.

Troubleshooting

  • Make sure you have the correct API key or CSS code.

  • Check that the font is correctly installed and activated in your Adobe account.

  • If you’re using a custom CSS code, ensure that it’s correctly formatted and doesn’t conflict with other CSS codes.

If you’re still having trouble, feel free to ask, and I’ll do my best to help you out!

If its helpful please Like & Accept as Solution Thanks