Change font weight for all H1, H2, H3, H4 etc

Technical Q&A

Topic summary

Issue: After uploading a custom font in the Showcase theme, all headings appeared too bold; the goal was to reduce the weight across H1–H6.

Solution provided: Add a CSS rule in the theme’s Asset folder (base/theme CSS) targeting all heading tags:

  • h1, h2, h3, h4, h5, h6 { font-weight: normal !important; }

Key details: “font-weight” in CSS controls how thick/bold text appears; “!important” forces this style to override existing theme defaults.

Outcome: The change worked immediately for the requester, who confirmed success and expressed thanks.

Status: Resolved. The helper requested the solution be accepted.

Central artifact: The CSS code snippet is essential to the fix.

Summarized with AI on February 18. AI used: gpt-5.
2

Hi @kindredpeople ;

Just add this code on your base or theme CSS file under the Asset folder.

h1, h2, h3, h4, h5, h6, {
font-weight: normal !important;
}