How can I change the entire theme's font?

Store Design

Topic summary

A user is attempting to change the font across their entire theme but their current CSS code only affects headings.

They shared their @font-face declaration using ‘GeneralSans-Regular’ font files (woff2 and woff formats) and applied it to multiple HTML elements (h0-h6, body, p, a, input, button, div, span) with specific font properties.

Response provided:

  • BSS-Commerce offered assistance by sharing a video tutorial via Google Drive link
  • The video presumably contains step-by-step instructions for implementing theme-wide font changes

Current status: The discussion remains open, awaiting confirmation whether the video solution resolved the issue. The technical approach involves custom CSS with font-face declarations, suggesting this is likely a theme customization question for an e-commerce platform.

Summarized with AI on November 13. AI used: claude-sonnet-4-5-20250929.
1

Hey!

I need change font in whole theme. How do it? I do this but it work only for headings
@font-face {
font-family: ‘GeneralSans-Regular’;
src: url(‘GeneralSans-Regular.woff2’) format(‘woff2’),
url(‘GeneralSans-Regular.woff’) format(‘woff’);
font-weight: font weight;
font-style: normal;
font-display: swap;
}
h0, h1, h2, h3, h4, h5, h6, body, p, a, input, button, div, span { font-family: “GeneralSans-Regular”;}

2

Hi @milkle005 ,

Please follow the instructions in the video.

Hope it helps!