[Product Post] Adding A Custom Font to Your Vanilla Community

3 minute read

February 24, 2017

[Product Post] Adding A Custom Font to Your Vanilla Community

Selecting the font you want

To start adding custom fonts, head over to Google Fonts and use the filters on the right to choose the best font from over 800 different types.

Once you find the font you like, select it by clicking on the “+” sign, which will turn into a “-” sign.

There will also be a context menu made available to you as well, which you will want to click on. This will give you details on the code you need to use the font.

For the simplest implementation, the standard info here is exactly what you need. Copy the information from embed font section.

Open your Vanilla Forums dashboard and head to Customize HTML tab. Paste the code just before the code.

Now the next step is to tell your forum to use this new font. To do this you’ll need to add some custom CSS. Google Font provides you the essential code on their website.

They also provide a handy guide here for more details on some of the more complex things you can do.
For our needs, to have your whole forum use the same font, apply it via the body tag in CSS. You will add something like the following:

body {
font-family: ‘Lato’, sans-serif;
}

Place this code in the Customize CSS tab in your Vanilla Forums dashboard.

Make sure you click “Apply” to save your changes. That’s it!

Of course, you can add as many different fonts you want and to whatever elements you want, but these are the basics.

So that’s it for adding your fave font to Vanilla, if you’d like to learn other cool tricks, click here to check out the rest of our Friday Tips.

News product

Share Your Thoughts

Your email address will not be published.

Adrian Speyer

Written by Adrian Speyer

Adrian Speyer is the Head of Community and Lead Evangelist for Vanilla by Higher Logic. Besides spending many years in digital marketing, Adrian has been building communities of all sizes for over 20 years.

Have an Article for Vanilla's Blog?

Send us an email to [email protected] with your topic idea and we'll circle back with our publishing guidelines.

subscribe-1
Subscribe to the Community Corner Newsletter and get expert insight and analysis on how to get the most out of your online community every Friday.

    Request a Demo

    Schedule a product demo now.

    Contact Us