• Skip to main content
  • Skip to header left navigation
  • Skip to header right navigation
  • Skip to site footer
  • Why Bullseye?
  • Product
        • How we grow your sales

        • Locators
        • Advanced dealer locators, store locators, and omnichannel where-to-buy tools that increase conversion

        • SEO Local Pages
        • Content-rich mini pages to drive localized search traffic, generate new leads, and showcase stores and dealers

        • Lead Management
        • Lead management and marketing automation to reduce friction and engage customers

        • Events and Promotions
        • Integrated publishing tools to extend the marketing capabilities of your locator

        • Reporting and Analytics
        • Customizable report building tools to analyze data and make more informed decisions

        • Integrations
        • Configurable integrations that make it easy to connect with 3rd party systems like CRM, CMS, and eCommerce

        • Pro Portals
        • Integrated publishing tools to extend the marketing capabilities of your locator

  • Industries
        • Growing Industries that Count on Us

        • Manufacturing
        • Building Materials
        • Retail
        • Insurance
        • Healthcare
        • enterprise
        • Enterprise
  • Resources
        • How to get the most from Bullseye

        • Knowledge Base
        • User guides to get Bullseye up and running quickly

        • API Documentation
        • Technical documentation for leveraging the Bullseye API

        • Blog
        • Location marketing strategies, checklists, and best practices

        • Video Guides
        • Step-by-step video walkthroughs to follow along with

        • Case Studies
        • Explore Bullseye’s breadth of custom client solutions

        • Custom Locators
        • Let Bullseye build the perfect locator for your needs

  • Partners
  • Pricing
Bullseye

Bullseye

Bullseye Store Locator

  • Login
  • Get a Demo

Attend the Bullseye Locations GA4 webinar. November 25th. Register Free

How To Use Custom Store Locator Fonts In Bullseye

Recently, we’ve had a few questions from clients on how to use their brand’s web styles within the Bullseye store locator. So today we’re going to show you how quick and easy it can be to get custom store locator fonts working for two of the more popular web fonts, Google and Adobe Typekit.

Instructions for Custom Store Locator Fonts

Google Fonts

For adding Google Fonts, go to https://www.google.com/fonts. Choose your font collection and select Use.

google font collections

Copy the reference code.

google font reference code

Login to your Bullseye Admin then go to Interfaces and select the interface you want to Edit. Then go to the Styles section and click on the Advanced tab. This is where you’ll add the reference code from above as well as overriding some styles to use the font.

custom store locator fonts styles editor

Here’s some sample code:

<link href=’https://fonts.googleapis.com/css?family=Lobster’ rel=’stylesheet’ type=’text/css’>

<style>
#results h2 {font-family: ‘Lobster’, cursive;}
</style>

Typekit

For Typekit, you’ll need to login or create an account at https://typekit.com. Select the font you want to use in your store locator.

adobe typekit fonts

If you’re using the store locator in an iFrame, you’ll need to Create a Kit with the bullseyelocations.com domain so it gets whitelisted.

typekit add domain

Then copy the Javascript reference code provided.

typekit font reference code

After logging in to your Bullseye account, go to Interfaces and select the interface you want to Edit. Then go to the Styles section and click on the Advanced tab. Paste the code above and add any overriding styles to use the font you selected.

advanced editing custom store locator fonts

Here’s some sample code:

<script src=”https://use.typekit.net/aeq1lql.js”></script>
<script>try{Typekit.load({ async: true });}catch(e){}</script>
<style>
.SearchformTab label { font-family: “europa”,sans-serif;}
</style>

And it’s that easy to brand your Bullseye store locator!

If you have any questions about how to setup an embeddable interface, check out our knowledgebase for more information: https://kb.bullseyelocations.com/support/solutions/articles/5000541957-creating-an-embeddable-interface

  • bullseye

    • Why Bullseye?
    • Pricing
    • Enterprise
    • Location Search
    • SEO Local Pages
    • Lead Capture
    • Events and Promotions
  • cms/integration

    • Facebook
    • Shopify
    • WordPress
    • IVR
    • Store Locator Widget
  • Resources

    • Knowledge Base
    • API Documentation
    • Advanced Styles – Snippets
    • Blog
    • Video Guides
    • Case Studies
    • Custom Locators
    • For Developers
    • For Agencies
  • about us

    • About Bullseye
    • Team
    • Partners
    • Media Center
    • Privacy Policy
    • Terms of Use
    • Contact Us

Customer Support 1 (800) 606-1415

Copyright 2000-2025 Bullseye Locations