Different Font Sizes Between Browsers

Shopify Discussion
1

We use the Dawn Theme and the font sizes can differ between browser (Chrome to Brave) and also between different computers in the office. How do get a j

2

Hi @GraybilllDowns ,
This is Theodore from PageFly - Shopify Page Builder App.

Inconsistent font sizes on Shopify Dawn theme? Here’s the fix:

  1. Set the root font size in theme.liquid (e.g., html { font-size: 16px; }) for a consistent base.
  2. Fine-tune specific elements (headings, body text) in base.css using rem units relative to the root size.
  • Use browser developer tools to check font sizes.
  • Consider a CSS reset to normalize browser styles.
  • Test across browsers and devices for consistency.

Best regards,
Theodore | PageFly

3

Thank you for getting back. I could find the “root” section under theme.liquid but don’t quite understand what you mean by Step 1?