Wonpa docs

Appearance

Typography ​

Wonpa uses two typefaces — one for body copy, one for headings — plus size controls that scale each independently. All of it lives under Theme settings → Typography.

Fonts ​

  1. Open Theme settings → Typography.
  2. Under Fonts, set Body font. This is the face used for paragraphs, labels, and most interface text.
  3. Set Heading font. Wonpa renders headings at bold weight or heavier regardless of the weight you pick.

Both pickers pull from Shopify's font library, so the fonts load without an external request.

Size ​

Three sliders scale text. Each is a percentage; 100% is the shipped size.

  1. Set Body text size (90–110%). This scales body copy and smaller interface text.
  2. Set Heading size (90–120%). This scales headings on desktop.
  3. Set Mobile heading size (80–110%). This scales headings on screens up to 768px wide, on top of the heading size. Leave it at 100% to keep the desktop sizes on mobile.

Text style ​

Under Text style, three checkboxes control casing and price display.

  • Uppercase headings transforms every heading to uppercase.
  • Uppercase navigation transforms the main menu links to uppercase.
  • Show currency code appends the currency code to prices, so a price reads $12.00 USD on product pages and cards.

All three are off by default.