# Font - Typography

{% hint style="info" %}
**This section contains general typography options.** 

**NOTICE**: *Other typography options for specific areas can be found within other sections. Example: For breadcrumb typography options, go to the breadcrumb section.*
{% endhint %}

From the **WP Customize Panel**, go to <mark style="color:green;">**Typography.**</mark>

<div align="left"><figure><img src="https://2433441988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6hZrhlnstiFKDurAWp2p%2Fuploads%2FLsDTNcQAQiaYuGZYqpeh%2Ftypo.png?alt=media&#x26;token=8bbe57ef-505e-4e32-84d0-41e8d6497dfc" alt=""><figcaption></figcaption></figure></div>

## Typography Options Panel

You are able to customize:&#x20;

#### 1 - BODY TYPOGRAPHY

* Font Family
* Font Variant (Font weight)
* Font Size
* Line Height
* Letter Spacing

#### 2 - HEADING TYPOGRAPHY

* Font Family
* Font Variant (Font weight)
* Font Size for \<H1> to \<H6> tags
* Line Height
* Letter Spacing

#### 3 - BUTTON

* Font Family
* Font Variant (Font weight)
* Font Size
* Text Transform
* Letter Spacing

#### 4 - FORM INPUTS

* Font Family
* Font Variant (Font weight)
* Font Size
* Letter Spacing

<div align="left"><figure><img src="https://2433441988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6hZrhlnstiFKDurAWp2p%2Fuploads%2FE7xPtVhkIpu9qhJ2Xedh%2Fheading.png?alt=media&#x26;token=363aa357-e73c-428f-9995-93fc1adee467" alt=""><figcaption></figcaption></figure> <figure><img src="https://2433441988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6hZrhlnstiFKDurAWp2p%2Fuploads%2F7Ro7lEcrtp6OwvUm1lEo%2Fbody.png?alt=media&#x26;token=22621659-1ed7-47c9-8d00-aa9e268c36c2" alt=""><figcaption></figcaption></figure></div>

<div align="left"><figure><img src="https://2433441988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6hZrhlnstiFKDurAWp2p%2Fuploads%2FuQqeA2edUmZX3AEwShrm%2Fbutton.png?alt=media&#x26;token=c68fc938-a459-4dd7-864c-915488174106" alt=""><figcaption></figcaption></figure> <figure><img src="https://2433441988-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6hZrhlnstiFKDurAWp2p%2Fuploads%2FFVdyLxxWvNEnOUmiVFHf%2Fform.png?alt=media&#x26;token=b3ff9df4-336d-464b-bbfd-862eac118521" alt=""><figcaption></figcaption></figure></div>