> For the complete documentation index, see [llms.txt](https://documentation.alpaco.email/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://documentation.alpaco.email/how-to/use-custom-fonts.md).
# Use custom fonts
### Google Fonts
Adding a Google font is just like when you do it for websites:
1. Go to
2. Pick a font.
3. Select the Styles needed
4. Copy the link code and insert into your `` section of the [Base](/template/base.md).
5. Start using it in your design, by copying the CSS rules for the font-family into your CSS in the various places you want to use it in your [Base](/template/base.md) and [Blocks](/template/blocks.md).
### Custom hosted fonts
Adding a Custom hosted font, is very similar, however Alpaco offers to host it for you:
1. Open your Alpaco Account
2. Navigate to *Assets Manager* in the top menu
3. Upload your font where it says "*Drop files here or click here to upload*"
4. When a font is uploaded it will be indicated with a "Aa" icon.
5. Click the font that was uploaded and insert it your `` section of the [**Base**](/template/base.md) using the *@fontface* method of declaration.
6. Start using it in your design, by copying the CSS rules for the font-family into your CSS in the various places you want to use it in your [**Base**](/template/base.md) and [**Blocks**](/template/blocks.md).
7.
```
```