How to change the default font and font size

Topic summary

Main issue: set the site’s default font to Montserrat and reduce font sizes (footer/policy/newsletter, product titles, headings). The original poster confirmed a footer title fix worked and asked to apply Montserrat site‑wide and make fonts smaller.

Key solutions provided:

  • Use theme settings (Customize > Theme settings > Typography) to select Montserrat, or add global CSS in theme.scss/theme.css: * { font-family: Montserrat; } or a { font-family: Montserrat, sans-serif; }.
  • Reduce specific elements via CSS: h2.Footer__Title.Heading.u-h6 { font-size: 20px; } and h1.ProductMeta__Title.Heading.u-h2 { font-size: 20px; }.
  • Make headings smaller globally: h1, h2, h3 { font-size: 16px !important; } for refund/privacy/policy and collection pages.

Mobile-only adjustments: an Android header logo overflow was addressed with a CSS media query (max-width: 749px) targeting .site-header__logo to tweak padding and alignment. A request to make mobile image overlay text italic was raised but not answered.

Pagination controls: increase number and “next” text size with CSS (e.g., .pagination or .pagination__number, a.next { font-size: 17–18px; }).

Open item: identify fonts and sizes from silkelondon.com and how to match them in the Dawn theme (which lacks theme.scss.liquid). No resolution yet. Technical notes: theme.scss(.liquid)/theme.css are Shopify stylesheet assets; media queries target mobile widths.

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

Hi, the last question

I found some fonts are too big on the website. This seems to come from the same setting. Can I make all these fonts smaller?

Product name

refund policy