> For the complete documentation index, see [llms.txt](https://wpdocs.gitbook.io/foodo/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wpdocs.gitbook.io/foodo/setting/customize/typography.md).

# Typography

Change typography for site

To access Customizer go to your admin **Dashboard** Navigate to **Appearance** >> **Customize --> Typography**

![](https://2016087935-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lrg4WlxVPHxaTKEyGrx%2F-Lrg4cCYSk26A13HUwRq%2F-LrgPOquB2h-dXt8LisN%2Fbreadcrumb.png?alt=media\&token=40db2e3b-ad68-4674-97d2-409327cd86c4)

**A. Breadcrumb**

![](https://blobscdn.gitbook.com/v0/b/gitbook-28427.appspot.com/o/assets%2F-LpBanRLSEFLFEAp-jCP%2F-LqiRVN76byKzoH6a3bi%2F-LqiSBMkQigG6tvx07TJ%2Ftypo3.jpg?alt=media\&token=7d4f7ee5-bb64-4663-8e9d-3b51c08f16e7)

* **Font style and font size :** If you change this option, text of breadcrumb will be changed

![](https://2016087935-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lrg4WlxVPHxaTKEyGrx%2F-LrlV0Z_C4WZ41CWlyhb%2F-LrmFsBsytYU1LOAze5i%2Fbreadcrumb.png?alt=media\&token=3a69a66c-a339-490b-b372-24e3c6520c39)

* Line Height : Change height of text breadcrumb

![](https://2016087935-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lrg4WlxVPHxaTKEyGrx%2F-LrlV0Z_C4WZ41CWlyhb%2F-LrmGAntJRXrvEeLlRSe%2Fbreadcrumb1.png?alt=media\&token=11d95da9-ebec-4d82-91d2-dcd3695e30ed)

* Letter Spacing: when you change it, text of breadcrumb will be changed &#x20;

![](https://2016087935-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lrg4WlxVPHxaTKEyGrx%2F-LrlV0Z_C4WZ41CWlyhb%2F-LrmGFubWAljpxu6jx1b%2Fbreadcrumb2.png?alt=media\&token=26b545a8-f057-4746-be7a-97f8c3df53e6)

**B. Woocommerce :** set up config for woocommerce .

![](https://blobscdn.gitbook.com/v0/b/gitbook-28427.appspot.com/o/assets%2F-LrH9aW6XqSY9ds7Nu5x%2F-Lrfvr8tKwoLUMWQFl-Y%2F-LrfxMKP1FBK7ZsgVeWC%2Fwoo.png?alt=media\&token=7b4a2060-07f6-4c26-895b-d334eb12d578)

**C. Global**

![](https://blobscdn.gitbook.com/v0/b/gitbook-28427.appspot.com/o/assets%2F-LpBanRLSEFLFEAp-jCP%2F-LqiRVN76byKzoH6a3bi%2F-LqiSwjEmJkb5UM_c2aH%2Fgen.jpg?alt=media\&token=bea83e9b-7de7-4a3d-a206-a2652811c7aa)

**+ With General**

* Font family: You can choose font family for typography  and you can choose weight of title
* Font style and font size : when you change it will look like:
* Line Heigh&#x74;**:**

![](https://2016087935-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lrg4WlxVPHxaTKEyGrx%2F-LrlV0Z_C4WZ41CWlyhb%2F-LrmGkV3LsRLzxCCk4DA%2Fgolbal.png?alt=media\&token=d346c5a7-5596-47c2-aab4-98c21bd5d795)

* Letter Spacing: when you change the spacing between the words, it can be displayed the space of words in the text

![](https://2016087935-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lrg4WlxVPHxaTKEyGrx%2F-LrlV0Z_C4WZ41CWlyhb%2F-LrmGvWT3OPlYeCjgXpz%2Fgolbal1.png?alt=media\&token=8ad3ba12-28c7-45d5-932d-0c52f95ebfd9)

**+ With Heading**

* Font Family : You can choose font for title heading, when you choose font, form will display for you config font-size for heading
* Font style : Change style of heading

![](https://2016087935-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lrg4WlxVPHxaTKEyGrx%2F-LrlV0Z_C4WZ41CWlyhb%2F-LrmHYRvOSj7AdRQg3Qm%2Fgolbal2.png?alt=media\&token=cf843a34-760f-4572-b076-ed53b77ec649)

* &#x20;Letter Spacing

![](https://2016087935-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lrg4WlxVPHxaTKEyGrx%2F-LrlV0Z_C4WZ41CWlyhb%2F-LrmHj0oMf2rZ-et9F-0%2Fgolbal3.png?alt=media\&token=f2d70ee7-5d70-4727-b011-9f914437651d)

**D. Sidebar**

* Font style: You can choose style for title of sidebar
* Heading Font Family

![](https://2016087935-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lrg4WlxVPHxaTKEyGrx%2F-LrlV0Z_C4WZ41CWlyhb%2F-LrmIKLxildc-s2iaQ6w%2Fstyle.png?alt=media\&token=7892542f-5b6e-43b3-aeba-b0199c7c277f)

* Heading Font Size : When you choose size of heading, Title will be larger or smaller&#x20;

![](https://2016087935-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lrg4WlxVPHxaTKEyGrx%2F-LrlV0Z_C4WZ41CWlyhb%2F-LrmISTa6UhguNaznAjU%2Fstyle2.png?alt=media\&token=1aed4541-2c28-4f4a-b74c-d977a375b981)
