# How to apply a font to some specific parts on your store?

For example, your store is using a Poppins font. You want to keep that font for the whole of the site, just want to change the font for the navigation bar. Fontify can help you do that :)

**Step 1**: Click on the **Create new** button.

<figure><img src="https://1020453834-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhdJXbk3sVdej6liHwp%2Fuploads%2F4sTvV53bUxLbDB9IVf19%2Fimage.png?alt=media&#x26;token=cfe2eef3-37cf-4494-a803-01acb2b6e4dc" alt=""><figcaption></figcaption></figure>

**Step 2**: Please **upload** your font to Fontify or **select** a Google font. Then enter the **font name.**

<figure><img src="https://1020453834-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhdJXbk3sVdej6liHwp%2Fuploads%2F4n4CSuob3gKyBF4XkJqE%2Fimage.png?alt=media&#x26;token=e29c91c7-d203-4730-9db6-860ebb303e19" alt=""><figcaption></figcaption></figure>

**Step 3:** Use the **Picker Element** to select the part that you want in your store.

<figure><img src="https://1020453834-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhdJXbk3sVdej6liHwp%2Fuploads%2FSZqmKikNENBpPMkerdnq%2Fimage.png?alt=media&#x26;token=3d810508-d872-4555-9fca-73feef34e19b" alt=""><figcaption></figcaption></figure>

When clicking on that icon, you will be **redirected** to a new tab with the **Picker element**. You can hover over the text and click on **Select** to pick them.

<figure><img src="https://1020453834-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhdJXbk3sVdej6liHwp%2Fuploads%2FzDxTITtAOglv5RnqPc2F%2Fimage.png?alt=media&#x26;token=99c06db6-5093-4821-a8d0-d8a4c5a65213" alt=""><figcaption></figcaption></figure>

After selecting an element, you can see there is a code added to the **Custom Element** box like this:

<figure><img src="https://1020453834-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhdJXbk3sVdej6liHwp%2Fuploads%2Fag0anjPngQYBPNEfrRl5%2Fimage.png?alt=media&#x26;token=25d5c161-9f74-494b-a7d9-4f413d70af4e" alt=""><figcaption></figcaption></figure>

**Step 4**: Tick the **Overwrite other fonts** checkbox and click the **Save** button.

<figure><img src="https://1020453834-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhdJXbk3sVdej6liHwp%2Fuploads%2FyhvQH89bYiRnbUqRRTvt%2Fimage.png?alt=media&#x26;token=185b865d-56af-4bc9-9eb1-ac563986cb66" alt=""><figcaption></figcaption></figure>

All done, please wait for about 30 seconds and then reload your live site to check the font.

Please check the video below to get an easier understanding

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhdJXbk3sVdej6liHwp%2Fuploads%2FCBgGqdrZ3Vfc9GfE6SYk%2FSpecific.mp4?alt=media&token=1f0d305e-5173-4552-b6d6-6115d814c36c>" %}
