# Typography Fonts

{% embed url="<https://youtu.be/SYQfn_M9Fb0>" %}

## Step 1: Go to the customizer

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiAG4Voah5leptSANQV%2F-MiAGJUAfLf5LDCn62zS%2Ffonts1.png?alt=media\&token=c9e8655b-1c87-4ed9-b0af-83fbceba556e)

## Step 2: Select font

* Shopify Library Fonts
* Google Fonts

## Shopify Library Fonts

* Body Font
* Heading Font
* Paragraph Font

### 1. Body Font

### Step 1:

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiAGNkrCIEBsMGwSzdm%2F-MiAMA5T1fk0Xk2f3sj5%2Ffonts2.png?alt=media\&token=08480230-9032-403f-ae0f-8b22dfcdcea0)

### Step 2:

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiANgm_7Wu2JlhkmEzu%2F-MiANjT89ewOJZK1mIRS%2Ffonts4.png?alt=media\&token=a29f1577-0194-462c-80a8-bd7188e33315)

### 2. Heading Font

### Step 1:

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiAOuMVr6FF89zKa45R%2F-MiAOyeiGSeHS1ytVfxX%2Ffonts5.png?alt=media\&token=c59e9c83-076d-4e31-8d00-87299be2cd23)

### Step 2:

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiAOuMVr6FF89zKa45R%2F-MiAP2B0wLszOZsD0FO1%2Ffonts6.png?alt=media\&token=1109a2d7-2e70-4ad1-ac02-03b6bfd16f67)

### 3. Paragraph Font

### Step 1:

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiAP5GGfGztAdj5y84j%2F-MiAPf6DD4ZvobaSom-v%2Ffonty.png?alt=media\&token=68616a27-24f7-4610-975f-c4a50b01f014)

### Step 2:

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiAP5GGfGztAdj5y84j%2F-MiAQl-smqWw-2Mxpj_G%2Ffonts8.png?alt=media\&token=e8d62bd0-7714-481e-be3e-8a9bbbd43021)

## Google Fonts

### Step 1:  Add Google Fonts URL

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiAR4L2rUjx6XeTnBm0%2F-MiATHtvw-xkr9wF8XrW%2Ffonts9.png?alt=media\&token=fce10f19-f204-4de3-8bc6-517bfb33c186)

### Step 2: Get Google Fonts URL

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiATLX8JVLsZsFiBfE7%2F-MiATYtWiNJf8THLoDsQ%2F3.jpg?alt=media\&token=c2338bf9-253b-4213-a7f4-55e9a7de37d4)

### Step 3: Copy the Google Fonts URL

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiATLX8JVLsZsFiBfE7%2F-MiATeQF4uVTobTZFfVK%2F4.jpg?alt=media\&token=52f14103-0e5b-412a-9d55-e5fcd75c5468)

### Step 4:  Paste Google Link to the customizer

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiATLX8JVLsZsFiBfE7%2F-MiAUtAtDoOR5qHrm8u1%2Ffonts10.png?alt=media\&token=1c193f6c-1676-47d7-95ca-6b42ca8e9dd5)

### Step 5: Font Family

### Step 1: Copy the font family

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiAUylQmaA8koIH-qew%2F-MiAmq-cGqMurE72Ky-_%2F10.jpg?alt=media\&token=c1058a0b-2340-4eeb-b855-9f0eb41966fc)

### Step 2: Paste here

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiAUylQmaA8koIH-qew%2F-MiAnZIve00rn_RsRW3d%2FFonts12.png?alt=media\&token=26139b5a-83f3-484f-84f7-7f23d3e19258)