Trying to change the heading font family in a specific section

Topic summary

Issue: The store owner wants a handwritten, signature-like heading font in the Shopify Multicolumn section, preferring “Alex Brush” (Google Fonts) or “Lebelle” from Shopify. They attempted an @import of Alex Brush and applied it to the .inline-richtext class with !important, but it didn’t take effect.

Attempt shown: A code snippet using a block with @import for Google Fonts and CSS targeting .inline-richtext. The snippet is central to understanding the problem.

Latest update: A responder tested the method and reports it works on their end. They asked for the store URL to diagnose why it’s not applying on the requester’s site.

Status: Unresolved and open. No step-by-step fix has been provided yet.

Action items: Provide the store URL so the helper can inspect live CSS, selectors, and theme conditions. Further troubleshooting will depend on the store’s specific theme setup and where the CSS is loaded.

Summarized with AI on January 8. AI used: gpt-5.

Hi!

I have Multicollumn Section for which I would like to change the heading font family with Alex Brush or at least Lebelle from the Shopify’s. I’d like to have a handwritten signature-like font there. I tried some stuff like this:

<!DOCTYPE html>
<html lang="en">
<head>
  <style>
    /* Import the Alex Brush font from Google Fonts */
    @import url('https://fonts.googleapis.com/css2?family=Alex+Brush&display=swap');

    /* Apply the font to the specified Shopify section */
    .inline-richtext {
      font-family: 'Alex Brush', cursive !important;
    }
  </style>
</head>
<body>

but it doesn’t seem to work. Can you please tell me step by step what exactly should I do?

Hey @alledonchev ,

This works fine for me, can I have the store URL to see why it’s not applying?