# Fonts & Typography

Smart is the only theme that natively supports the level of font granularity typically associated with design tools such as Figma. 

1. Import the fonts you want to use in your theme via `Theme Settings > Font Imports`
2. Assign the font to a Typography group via `Theme Settings > Typography Group 1/2/3`
3. Use your imported font in a section and adjust granular details such as:
   * Desktop and mobile sizes
   * Kerning
   * Line height
   * Weight
   * Opacity 
   * Style -> `Bold`, `Italic`, or `Normal`

### Shopify fonts

Watch the below tutorial to learn how to import Shopify fonts and edit their settings within the theme.

{% embed url="<https://www.loom.com/share/a6201156f7da4b7db7a119a4f612c77f>" %}

### Google fonts and custom fonts

Watch the below tutorial to learn how to import Google fonts and edit their settings within the theme.

{% embed url="<https://www.loom.com/share/14df489cef944f8d90daf57917b457d2>" %}