Every Friday, we discuss one of the many Vanilla features that you can utilize in building and perfecting your forum. An important one is the ability to add your own custom font. Very similar to Google Fonts, the following article will give you the steps to allow you to add your favourite web fonts to your forum.
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:
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.
Also, if Google does not have the font you want, or you have a font file you wish us to host, contact our support team. They will assist you in getting your font added to your community.
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.