# 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](https://documentation.alpaco.email/template/base).
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](https://documentation.alpaco.email/template/base) and [Blocks](https://documentation.alpaco.email/template/blocks).
### 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**](https://documentation.alpaco.email/template/base) 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**](https://documentation.alpaco.email/template/base) and [**Blocks**](https://documentation.alpaco.email/template/blocks).
7.
```
```
