> ## 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).

# Adding Adobe Fonts To Your Locator

Custom fonts from Adobe Fonts can be added to the Interface Builder for customers in our Pro and higher plans. Below is a description of how to install them in the Interface Builder.

First select a font from Adobe Fonts by following their guide:

[https://helpx.adobe.com/fonts/using/add-fonts-website.html](https://helpx.adobe.com/fonts/using/add-fonts-website.html)

[![](https://storage.crisp.chat/users/helpdesk/website/-/2/2/8/d/228d9667c1e91a00/81c951d5-a64c-4d6b-877a-bc9744_2dxks6.png)](https://downloads.intercomcdn.com/i/o/601020259/0e0a707e096ef287519694d2/image.png?expires=1794511800&signature=0d6ec1871a0526c363a4da3f67b0e003c524f5dd79f235058e89e6beb2e58a24&req=ciAmFst%2Bn4RWFb4f3HP0gHLGmwI9vmblTGSBPxjOhnJnI53qswQ1FsXBYRMw%0AymVUUo2R6zqj0HLB5Q%3D%3D%0A)

Then copy the code provided in the Link area above and place it into the **Advanced** > **Custom Head Tag** setting of your Interface as shown below.

[![](https://storage.crisp.chat/users/helpdesk/website/-/e/e/e/9/eee9dacb67b76800/8607a030-ee15-4dc5-a69d-8db9af_j0nnp.png)](https://downloads.intercomcdn.com/i/o/601020575/36bfcf5536cc3bb66238fa42/image.png?expires=1794511800&signature=29e4539e8178df6f021948cf51c22920fe15703992a0c70183f9473d21449158&req=ciAmFst%2BmIZaFb4f3HP0gHX%2FIh14bcD0Mn9tqCVX3hZzyBSt4z8haeGKc9XJ%0A8bBAy%2BV7VvnX6FX8zg%3D%3D%0A)

Installing the fonts makes them addressable within MetaLocator. This doesn't automatically change any font references already in place.

To address the fonts in an interface first disable the default font as shown below:

[![](https://storage.crisp.chat/users/helpdesk/website/-/7/1/6/7/71671ac3bf7a9400/afce525b-a8fd-4195-a304-114496_8m893u.png)](https://downloads.intercomcdn.com/i/o/313364345/52301d4f1ddd4ad926084aa6/image.png?expires=1794511800&signature=fd73b1dc61b1abf271873722bbd6139356cee7f5c8f81a692e75e3b11ed071b5&req=dyEkFc96noVaFb4f3HP0gGixm9a96VEt%2F09FGwaWCum7%2Fjpdg3tQ4mvFnaM1%0A8XPhMwRKCStRdam68A%3D%3D%0A)

Finally, the CSS must be updated to include the following code. Be sure to update the "family" to your selected font. This name is indicated in the Typekit screenshot above.

```
.metalocator,  
.metalocator input,  
.metalocator select,  
.metalocator button,  
.metalocator textarea,  
.metalocator .popupWindow  
{  
font-family: "Bungee", sans-serif !important;  
font-weight: 400;  
font-style: normal;  
}
```

[![](https://storage.crisp.chat/users/helpdesk/website/-/b/a/d/c/badc44ab821e7800/bec7a0f3-b32c-4150-a988-925a81_153ab4t.png)](https://downloads.intercomcdn.com/i/o/601024943/9e028c6cabb57cb48fbd9b77/image.png?expires=1794511800&signature=2d83c2091b5912e6896448ad4b54371e14db5ff00fb0a47cb8d1e4d0adbac7cb&req=ciAmFst6lIVcFb4f3HP0gPU1mLCwQRIJs4M%2FY%2BVfixZcQpKRGqlx7odjScA8%0AvP78vahdCR6lrAVISA%3D%3D%0A)

Be sure to save your changes!