• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers

Implementing Adobe Fonts into Shopify Website - Headers not working!!

New Here ,
Oct 22, 2023 Oct 22, 2023

Copy link to clipboard


Hi there!! PLEASE HELP!


I have been trying to implement adobe fonts in my shopify site.


I have embeded the 'style sheet' into the 'theme.liquid' file under head.


I have added other info about fonts into the 'base.css' file at the very bottom.


This is the code that I added...


body {
font-family: input-mono-narrow, monospace;
font-weight: 100;
font-style: normal;

h1,h2,h3,h4,h5,h6 {
font-family: alfarn, sans-serif;
font-weight: 400;
font-style: normal;


My 'body' font has been successfully changed to my adobe font, and so was my 'h3', until now (I'm not sure what Iv'e done to make it not work anymore) but none of the other heading fonts (h1,h2,h4,h5,h6) all headings on main page, product page, about page etc. are changing over to my requested adobe font.


I also tried adding the code '!important', but this doesn't seem to have an effect.


I tried to find the current heading font code in 'theme.liquid' and get rid of the code '!important' as suggested, but my coding doesn't have '!important" added.


Any advice or help would be greatly appreciated!!!








Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
no replies

Have something to add?

Join the conversation