All Collections
Interfaces
Fonts
Using Google fonts with MetaLocator
Using Google fonts with MetaLocator
Bryan Nye avatar
Written by Bryan Nye
Updated over a week 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,
.metalocator input,
.metalocator select,
.metalocator button,
.metalocator textarea,
.metalocator .popupWindow
{
font-family: 'Lato', sans-serif;
}

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?