Using Google fonts with MetaLocator
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
Updated on: 12/11/2026
Thank you!