> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.metalocator.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).

# Using Google fonts with MetaLocator

[Google fonts](https://www.google.com/fonts) are a nice aesthetic addition to a locator's styles.

Google fonts require a special type of link tag which can be added to your Interface according the following instructions:

First add the Google Font link tag to the **Header** setting found under your Interface Settings > **Advanced**.

[![](https://storage.crisp.chat/users/helpdesk/website/-/e/d/c/7/edc791451058d800/410bd77d-96f4-45b8-bdfb-7a797c_1vywrid.png)](https://downloads.intercomcdn.com/i/o/617913624/bf06b1084877b319a3460aee/image.png?expires=1794511800&signature=12d145310b1f0af4b2418b9adbc78d3c5d88555c0719344a28f1bd7f9342fc82&req=ciEgH8h9m4NbFb4f3HP0gE3AQOMG1clk1tN%2BUNKQFlSFPgC8O5TVT7enOU8V%0Al9tw%2FjTInwfASj6foQ%3D%3D%0A)

Then you are free to use the font in your CSS setting as found under Style & Color Settings. Be sure to update the font-family name accordingly.

```
.metalocator,  
.metalocator input,  
.metalocator select,  
.metalocator button,  
.metalocator textarea,  
.metalocator .popupWindow  
{  
font-family: 'Lato', sans-serif !important;  
}
```

**Important**:  If your page is delivered via SSL (as in Facebook or other secure contexts) be sure to add the link with **https** as in:

**https**://fonts.googleapis....

Instead of

[http://fonts.googleapis](http://fonts.googleapis)....