B3 Swatches Article

Typography

Set font family, size, weight, and color for attribute headings and swatch text, using theme, local, or Google fonts as needed.

Introduction

Typography settings should make the swatches feel native to the product page. Keep heading and swatch text readable first, then decide whether B3 Swatches should inherit your theme fonts or load its own.

Heading typography

Adjust heading font family, size, weight, and color for the labels that frame the swatch control.

Label typography

Tune label typography so text remains readable at the chosen swatch size.

Font management boundary

Treat typography as a presentation layer, not a reason to load duplicate fonts.