# Google Fonts

{% hint style="info" %}
Some fonts might be missing from the Google Fonts repository. In that case, they won't be downloaded automatically, and you will see an error in the console. You'll need to manually import those fonts into your project.
{% endhint %}

{% stepper %}
{% step %}
In order for the asset to automatically download missing fonts, you need to obtain a Google Fonts API key.\
Go to:&#x20;

> <https://developers.google.com/fonts/docs/developer_api#identifying_your_application_to_google>
> {% endstep %}

{% step %}
Click on "**Get a Key**" button, then create new project or select existing.

<div align="left"><figure><img src="https://2984772752-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkuaUq8tEWwJhxzG3UU27%2Fuploads%2FDEmVpNaGgezerB6l1JpM%2Fimage.png?alt=media&#x26;token=60c01d04-7229-445f-bdf0-a153ebd7848f" alt="" width="563"><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}
Click on "**SHOW KEY**" button, then copy your api key.

<div align="left"><figure><img src="https://2984772752-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkuaUq8tEWwJhxzG3UU27%2Fuploads%2FkyMRVaK3JQzQRIfmzISf%2Fimage.png?alt=media&#x26;token=9c6897bb-77e4-44e2-9156-c935f7d59dcd" alt="" width="563"><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}
Open the "**TEXT & FONTS**" tab and paste the obtained key into the "**Google Fonts Api Key**". Now your fonts will be automatically downloaded from the Google Fonts repository.

<div align="left"><figure><img src="https://2984772752-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkuaUq8tEWwJhxzG3UU27%2Fuploads%2FFSfBlDcZO2mern4uQsku%2Fimage.png?alt=media&#x26;token=51b827d0-d886-495a-94f3-de85ececc800" alt="" width="563"><figcaption></figcaption></figure></div>
{% endstep %}
{% endstepper %}
