# Typography

The typography tab includes settings related to **font adjustments** for the whole website. 

{% hint style="info" %}
To improve the loading time of your website, you can enable [**Download Google Fonts**](https://docs.stylemixthemes.com/motors-theme-documentation/general#download-google-fonts) setting in the [**General tab.** ](https://docs.stylemixthemes.com/motors-theme-documentation/general#download-google-fonts)
{% endhint %}

### Body Font Family

You can specify here body **font family**, indicate **font-size** and **color**, adjust **text-transform** and the **line-height** on appropriate fields. Also, select the **Backup Font Family** as the fallback if the main font will not be loaded.

![](https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDP3ivYPbpYO9Rs_wuB%2F-MWTe88mHbxKNfmuKe6P%2F-MWTjKngErwQuQHLB_EY%2Fimage.png?alt=media\&token=4fe8853f-5957-4b25-9d13-abb0776d1dd6)

### Headings Font Settings

Configure the basic font settings of the headings as **Font Family**, **Font Color**, **Text transform**, and **Backup Font Family** under the **Headings Font Settings** area.

![](https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDP3ivYPbpYO9Rs_wuB%2F-MWZ5d5XRQT_cVPyjP-p%2F-MWZAyKTJRVwZobbPpVm%2Fimage.png?alt=media\&token=a8e41f96-901c-49b4-905f-b06c3ae85c71)

After setting the main font configurations of the Headings, you can define **H1 - H6 font** settings more specifically. Adjust the **Font Weight & Style**, **Font Subsets**, **Text Align**, **Font size**, **Line height**, **Word spacing**, **Letter spacing**, **Font Color**, and the **Text transform** options on the **H1-H6 Font** sections.

![](https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDP3ivYPbpYO9Rs_wuB%2F-MWZ5d5XRQT_cVPyjP-p%2F-MWZH9c5EsykuoDymAYI%2Fimage.png?alt=media\&token=1bf3d22a-ec84-46e8-a1cf-7ae35bd9c9e9)