Skip to main content

Inconsistent default fonts

Bug Reports

I prefer to set font at page level for consistency and ease of changing fonts.

Usually works fine, but on some elements, removing the set font (to default back to the last font in the hierarchy) changes to “system-ui” instead of the greyed out version of the font it should be.

When this happens, manually selecting “default” does the same.

Please fix this! Changing super minor elements like fonts manually for each element and at each breakpoint (if set) feels like it slows builds by half.

Posted by Craig ·
Status: Reviewed2 comments

Comments2

  • Noah Gilmore

    Team•

    May 10, 2024

    Howdy @Craig! This seems like it might be a CSS rule from your Shopify theme overriding the default font or something - if you set a font on a container, removing it from something inside that container should make the thing inside use the same font (as you expect) but sometimes theme overrides can cause this to behave weirdly.

    Do you mind starting a thread with our support at [email protected]? You can tell them I sent you :D and we can look at your page and figure out what’s going on!

    • Craig

      •

      May 13, 2024

      Thanks! Will definitely do this. Didn’t cross my mind as this kind of thing happens on at least one component in each build, thanks again Noah.