> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.unicornplatform.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # How to connect any font to Unicorn Platform Unicorn Platform provides the 150 most popular fonts from [Google Fonts](https://fonts.google.com/) library by default. You can [connect each of them easily](https://help.unicornplatform.com/en/article/how-to-set-fonts-8s5j2u/) in the Website Settings. However, if none of the default fonts fit your needs, you can connect a custom font by using CSS code. In this guide, you will learn how to connect any font from Google Fonts library, or a self-hosted font. ![Google Fonts homepage](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/image_3ubceh.png) # Google Fonts Google Fonts is a huge collection of free and open-source fonts families. Thanks to the Google Fonts API, the process of connecting their fonts is as easy as copy/pasting a few lines of code. #### Step 1/5 Pick any font and select the required font styles and click "Get font" at the top right corner: ![](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/chromeje3kat4icf_1wte78f.png) Then click "Get embed code": ![](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/chromezfuuvoksx0_lxv0mg.png) #### Step 2/5 Copy the provided code snippet and paste it into your '**Settings**' -> '**General Settings**' -> '**Global HTML code:**' section: ![The code snippet from Google Fonts](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/chromerqw3vr9kez_18tesx1.png) ![](https://storage.crisp.chat/users/helpdesk/website/-/7/e/7/8/7e782a40c0560c00/image_6yk6f3.png =500x500) #### Step 3/5 Copy this code: ``` ``` #### Step 4/5 Paste it into the ' **Settings**' -> ' **General Settings**' -> ' **Global HTML code:**' as well: ![](https://storage.crisp.chat/users/helpdesk/website/-/7/e/7/8/7e782a40c0560c00/image_m0rer2.png =550x550) #### Step 5/5 In the code, replace the placeholder fonts with your own font family. You can find the font family name in the Google Fonts menu: ![The name of your font family](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/chromelley8zxzkd_6a58ly.png) ![Replace these parts with your font family name](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/image_qghog0.png) Make sure to keep the `!important;` part. #### Done! Open the live version of your website to see the results. # Self-hosted fonts If you would like to connect a font that is not on Google Fonts, you can do it with a different custom code. But first, you need to upload the required font variations to a file hosting and get the source URLs. #### Step 1/3 Copy this code: ``` ``` #### Step 2/3 Paste it into the ' **Settings**' -> ' **General Settings**' -> ' **Global HTML code:**' section: ![The pasted code](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/image_1dgj4i9.png) #### Step 3/3 Replace the source URLs with your own ones (make sure to keep the quotes): ![The URLs that you need to replace](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/image_z8odah.png) You should have a source URL for all required font styles. In the example code, we have 2 variations: bold and regular. You can replace the `font-family` name with any other custom name: ![You can change the font family name](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/image_vq8wep.png) | If you are using Dropbox as the hosting for the font, you need to change the link from `www.dropbox.com` in the URL to `dl.dropboxusercontent.com`. Otherwise, the link won't work and the font on the site won't be changed. ![](https://storage.crisp.chat/users/helpdesk/website/-/7/e/7/8/7e782a40c0560c00/image_l2lhsu.png =550x550) #### Done! Open the live version of your website to see the results.