Trying to Add New Font to Baseline Theme...

Store Design
1

Hello, I am trying to add a new font to the Baseline Theme.

I have found a woff file, I’ve uploaded it to assets, I have tried adding code from other discussion boards here and have followed the instructions carefully – meaning adding CSS code and changing the name to match the exact file name etc, and it never works or appears in the typography section of the Customizer.

Any ideas? Thanks.

URL: contrakidsmutiny.com

2

Hi @MJ82

To add a new font to the Baseline Theme and ensure it appears in the typography section:

  1. Upload the Font File: Ensure the .woff file is uploaded to your Assets folder and named correctly.
  2. Add CSS Code: Edit your theme.liquid or base.css file and add: https://prnt.sc/SOLD2YmTaU3w

@font-face {

font-family: ‘YourFontName’;

src: url(‘{{ ‘your-font-file.woff’ | asset_url }}’) format(‘woff’);

font-weight: normal;

font-style: normal;

}

3. Apply the Font: Update the desired element’s CSS:

h1, p {

font-family: ‘YourFontName’, sans-serif;

}

4. Typography Section: If it still doesn’t appear in the theme editor, ensure the font is linked in the appropriate schema settings file.

For further debugging, check for typos in the font name or file path.

If you have other questions, I am willing to answer them more.

Best regards,

Daisy