> For the complete documentation index, see [llms.txt](https://docs.trysavvy.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.trysavvy.com/how-tos/general-how-tos/how-to-install-a-google-font..md).

# How to install a Google font.

{% embed url="<https://app.arcade.software/share/oaVBa05sosjopzQLJ5VS>" %}

1. In the "**Designer**" card, with any component selected, go to the "**Font**" tab.
2. At the bottom, in the "**Installed fonts**" input, click "**+ Add font**".
3. Select all the font **weights** you want to use and **regular/Italic** variation.
4. Then **type the font name** and click "**Install**".
5. Finally, click the sidebar "**Save**" button for the new font to finish applying to your flow.<br>

{% hint style="success" %}
You can also install custom fonts using the font script.
{% endhint %}

### Related docs:

<table data-view="cards"><thead><tr><th align="center"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td align="center"><strong>How to add a custom font from a website</strong></td><td><a href="/pages/qOC4R8ylIg5ittlDqwh1">/pages/qOC4R8ylIg5ittlDqwh1</a></td></tr><tr><td align="center"></td><td></td></tr><tr><td align="center"></td><td></td></tr></tbody></table>