Change font with a custom


We use custom theme for one of our clients for branding the dashboard with their colours.

We want also to use their brand font instead of the default of Klipfolio.

How can we do that?

Thank you



  • 0
    Rupert Bonham-Carter

    Hi Tihomir - Here is the knowledge base document that describes the Custom Theming Add-on options you have for use with your Client accounts.  https://support.klipfolio.com/hc/en-us/articles/215548688-Creating-a-custom-theme?query=custom.  Let us know if you need additional specific help.

  • 0
    Peter Matthews

    To add to Rupert's link, we've seen customers reference .woff font files in Custom Theme CSS (they host the font files themselves), or even embed the fonts directly in the CSS using base64 encoding

    Either way you'll need to set specific classes to use your font instead of ours.

  • 0
    Aline Akuzwe

    I have recently found that you can import the font in the css file, with a url from other websites
    for example

    @import url('https://fonts.googleapis.com/css?family=Roboto');

    and then call it
    body {
        font-family: 'Roboto';

  • 0
    Tomas Kristof

    Hi Everyone, in case you decide to reference self-hosted custom fonts using .woff files as mentioned by Peter Matthews above. Do not forget to add .htaccess file next to the fonts. Otherwise the fonts won't load.

    <FilesMatch "\.(ttf|otf|eot|svg|woff|woff2)$">

          Header set Access-Control-Allow-Origin "https://app.klipfolio.com"


Please sign in to leave a comment.