Use a Custom Font

Get familiar with how to change fonts on your career site

Nora avatar
Written by Nora
Updated over a week ago

When designing your career site, you can use one of the fonts we provide for you or use a custom font. Head over to Content and then Global design by clicking the paintbrush in the top right corner.

Here, scroll down to the Typography section to set up the font settings. Choose between one of the available fonts in the drop-down menus or add your own by enabling the Custom fonts box.

Google fonts

To use a Google font, add the Google font link (for eg: https://fonts.googleapis.com/css?family=Lato) under Font CSS URL. Then, write the name of the font under Header font / Body font, depending on where you want to use it.  

Adobe fonts (Typekit)

To use a font from Adobe fonts, all you do is add the font ID, for eg. nbx1ako under Font CSS URL. After you've added the ID, write the font's name under Header font / Body font, depending on where you want to use it.  

✍️ Make sure to include a hyphen "-" in the font name, e.g. sans-serif. Also, if you're using your own career site domain, you might need to whitelist both your custom domain as well as your Teamtailor domain in the Kit settings in Abobe.

Your own font files (WOFF) 

If you don't use Google or Adobe you can also send a font file directly to the Support team and we will upload this from our end. Make sure to include the fonts you want to have available as WOFF (Web Open File Format) files. Send these files to support@teamtailor.com and specify which font you want to use for Body and/or Header.

Did this answer your question?