Overriding the Font on Your Knowledge Base

If you're looking to load a fancy new font of your own or simply want to make a small change to one element you can override fonts on your knowledge base with a little CSS.

Loading or Importing Fonts

Depending on the font you'd like to use, you may have to import or load the font from an external source.

For example, the Source Sans Pro we use in our template Curve is imported from Bunny Fonts using the following code at the top of our CSS:

@import url('https://fonts.bunny.net/css?family=Source+Sans+Pro');

Then to use the font we override the element body with font-family:

body :not(.fa) {
    font-family: 'Source Sans Pro', Helvetica, sans-serif;
}

If you're using a font from somewhere like Typekit or Fonts.com you'll need to paste in a JavaScript snippet as these are loaded externally.