When designing your career site, you can use the fonts we provide for you or use a custom font. Head over to Content → Global design and scroll down to the Typography section to set up your fonts.
Choose between one of the available fonts in the drop-down menus or add your own by enabling the Custom fonts option.
Google fonts
To use a Google font, add the font link (for eg: https://fonts.googleapis.com/css?family=Lato) under Font CSS URL. Then, write the name of the font under the Header font & Body font fields, depending on where you want to use it.
If you want to use different fonts for the Header / Body you can achieve this by selecting the fonts you want and clicking the shopping bag icon. On this page click on Get embed code and under the Embed code in the <head> of your HTML section select the marked link:
Add the copied link in the Font CSS URL field in the Typography section and type the font names in the Header & Body fields.
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.
Custom 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.