Typography
Typography sets the fonts, base text size, and the styles for headings, the menu, and buttons across the store.
How to find it
In the Theme Editor, open Theme settings, then select Typography.
Settings
View the settings guide .
Body
| Setting | Options | Description |
|---|---|---|
| Font | Selecting a different font can affect the speed of your store. Learn more about system fonts. | |
| Base size | Size of body text in pixels. Smaller and larger text sizes are set relative to it. |
Heading
| Setting | Options | Description |
|---|---|---|
| Font | Selecting a different font can affect the speed of your store. Learn more about system fonts. | |
| Subheading font weight | • Default | Font weight of subheadings. Default uses the weight of the heading font. |
Menu
| Setting | Options | Description |
|---|---|---|
| Font | • Body | Font used for menu links: the Body font or the Heading font. |
| Use uppercase for first level | Shows first-level menu items in uppercase. |
Button
| Setting | Options | Description |
|---|---|---|
| Font | • Body | Font used for button text: the Body font or the Heading font. |
| Text transform | • Unset | Sets the letter case of button text: Unset keeps it as typed, Capitalize capitalizes each word, and Uppercase uses capitals and makes the button text 2 pixels smaller. |
Base size sets the body text size from 13 px to 18 px. The default is 16 px.
Subheading font weight sets the weight of subheadings: Default, Regular (400), or Medium (500).
Menu font sets the font for the top-level menu. Use uppercase for first level turns on uppercase text for the first level of the menu.
Button font sets the font for buttons. Text transform sets the case of button text: Unset, Capitalize, or Uppercase.
Notes
Selecting a different font can affect the speed of your store, according to the font help text.
No comments yet