How can we help?

New post
0

Change font with a custom

Avatar
Valtech A/S Admin
None
Follow

Hi,

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

/Tihomir

Date Votes

4 comments

  • 0
    Avatar
    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
    Avatar
    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
    Avatar
    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
    Avatar
    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"

    </FilesMatch>

Please sign in to leave a comment.