Skip to main content
All CollectionsInterfacesFonts
Using Google fonts with MetaLocator

Using Google fonts with MetaLocator

Bryan Nye avatar
Written by Bryan Nye
Updated over 10 months ago

Google 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.

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

Did this answer your question?