---
title: How To Add New Google Fonts To Dynamik
description: "Let's say you decide you'd like to change your Header Title Font to a new Google Font that you've had your eye on. To do so you would... ![](https://docs.cobaltapps.com/wp-content/uploads/2022/11/google-fonts-tutorial-1-1024x323.png) ![](https://docs.cobaltapps.com/wp-content/uploads/2022/11/google-fonts-tutorial-2-1024x740.png) **1. Go to your Dynamik Design Options admin page and…"
url: "https://docs.cobaltapps.com/articles/how-to-add-new-google-fonts-to-dynamik/"
updated: "2022-11-10"
category: Dynamik Website Builder
---

# How To Add New Google Fonts To Dynamik

Let's say you decide you'd like to change your Header Title Font to a new Google Font that you've had your eye on. To do so you would...

![](https://docs.cobaltapps.com/wp-content/uploads/2022/11/google-fonts-tutorial-1-1024x323.png)

![](https://docs.cobaltapps.com/wp-content/uploads/2022/11/google-fonts-tutorial-2-1024x740.png)

**1. Go to your Dynamik Design Options admin page and click on the Google Fonts site link.**

![](https://docs.cobaltapps.com/wp-content/uploads/2022/11/google-fonts-tutorial-4-1024x224.png)

**2. Once on the Google Fonts site you will search for and locate the Google Font you want to add to Dynamik.**

**3. Once you've found your Google Font you can click it to go to that font's page.**

![](https://docs.cobaltapps.com/wp-content/uploads/2022/11/google-fonts-tutorial-5-1024x667.png)

**4. On that page you can either click the "View all styles" link or just scroll down the page to the font styles section.**

![](https://docs.cobaltapps.com/wp-content/uploads/2022/11/google-fonts-tutorial-6-1024x609.png)

**5. Then click all appropriate styles to add them to your Google Font selection.**

![](https://docs.cobaltapps.com/wp-content/uploads/2022/11/google-fonts-tutorial-7-1024x489.png)

**6. On the right sidebar that slides out you will need to highlight and copy the ENTIRE link code provided.**

![](https://docs.cobaltapps.com/wp-content/uploads/2022/11/google-fonts-tutorial-8-961x1024.png)

**7. Now you can go back to your Dynamik Design Options page where you can click the "Google Fonts" button to open the Google Fonts drop-down box.**

**8. Paste in your Google Font link code in the appropriate field of that Google Font drop-down box and click the appropriate Font Family button.**

![](https://docs.cobaltapps.com/wp-content/uploads/2022/11/google-fonts-tutorial-9-1024x535.png)

**9. This should create a new Google Fonts shortcode inside that textarea and you can now click the "Save Changes" button which will reload the Design Options admin page.**

![](https://docs.cobaltapps.com/wp-content/uploads/2022/11/google-fonts-tutorial-10-1024x382.png)

![](https://docs.cobaltapps.com/wp-content/uploads/2022/11/google-fonts-tutorial-11-1024x230.png)

**10. At this point you should see your new Google Font inside all Font Type menus which you can now select where appropriate.**

![](https://docs.cobaltapps.com/wp-content/uploads/2022/11/google-fonts-tutorial-12-1024x735.png)

![](https://docs.cobaltapps.com/wp-content/uploads/2022/11/google-fonts-tutorial-13-1024x317.png)