# Typography Options

> Set fonts for your Phox site: menu, submenu, mega menu, blog, body and heading typography in the theme options.

Source: https://phox.wdes.org/docs/typography-options/
Last updated: 2021-08-20

## Typography

How to set up fonts for your website.

## Overview

- [Menu Typography](https://phox.wdes.org/docs/typography-options/#menuTypo)
- [SubMenu Typography](https://phox.wdes.org/docs/typography-options/#subMenuTypo)
- [MegaMenu Typography](https://phox.wdes.org/docs/typography-options/#megaMenuTypo)
- [Blog Typography](https://phox.wdes.org/docs/typography-options/#blogTypo)
- [Body Typography](https://phox.wdes.org/docs/typography-options/#bodyTypo)
- [Headings Typography](https://phox.wdes.org/docs/typography-options/#headingsTypo)

---

### Menu Typography

- **Link Typography** – These settings control the typography for the Main Menu Link.

![phox menu typo](https://phox.wdes.org/docs/assets/phox-menu-typo.BP1CMlBn_vCzMh.webp)

---

### SubMenu Typography

- **Link Typography** – These settings control the typography for the sub Menu Link.

![phox sub typo](https://phox.wdes.org/docs/assets/phox-sub-typo.BmQwG3sH_Z2i1JO1.webp)

---

### MegaMenu Typography

- **Heading Typography** – These settings control the typography for Mega Menu link.

![phox mega typo](https://phox.wdes.org/docs/assets/phox-mega-typo.C4Jf3yfT_1R7WT6.webp)

---

### Blog Typography

- **Breadcrumb Title Typography In Blog Page** – These settings control the typography for Breadcrumb Title Typography.
- **Post Title Typography In Blog Page** – These settings control the typography for all Post Title.
- **Post Title Typography In Single Page** – These settings control the typography for all Post Title.

![phox blog typo](https://phox.wdes.org/docs/assets/phox-blog-typo.DlhI8Wup_Z210OhU.webp)

---

### Body Typography

- **Paragraph Typography** – These settings control the typography for all Paragraphs.
- **Blockquote Typography** – These settings control the typography for all Blockquotes.
- **Links Typography** – These settings control the typography for all Links.

![phox body typo](https://phox.wdes.org/docs/assets/phox-body-typo.C-s1qH-O_Z2wu4U4.webp)

---

### Headings Typography

- **H1** – These settings control the typography for all Headings H1.
- **H2** – These settings control the typography for all Headings H2.
- **H3** – These settings control the typography for all Headings H3.
- **H4** – These settings control the typography for all Headings H4.
- **H5** – These settings control the typography for all Headings H5.
- **H6** – These settings control the typography for all Headings H6.

![phox heading typo](https://phox.wdes.org/docs/assets/phox-heading-typo.Cvr0YVdo_128cG1.webp)

> **Note:** 🔔 Note:
>
> When choosing a font from the Google fonts list, you must make sure that the weight you choose for the font is supported by the Google Fonts library, otherwise, it will not be load on the theme.