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 semi-bold or heavier — pick a lighter weight and it is raised to semi-bold.

Both pickers pull from Shopify's font library, so there is no third-party font service to sign up for or configure. The files still come over the network, from Shopify's own font CDN, which the theme preconnects to and preloads the first weight from.

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. The two smallest sizes — badges, counts, fine print — never drop below 12px, so at 90% they hold steady while everything else shrinks.
  2. Set Heading size (90–120%). This scales headings on desktop.
  3. Set Mobile heading size (80–110%). On screens up to 768px wide it scales the two largest heading sizes — page titles and hero headings — on top of the heading size. Section headings and card titles keep their desktop sizes. Leave it at 100% to change nothing 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.