Use Custom Fonts

Jimdo includes over 600 Google Web Fonts, but for branding purposes, sometimes you need to use a custom font. To add a custom font to a Jimdo website, first upload the font files (woff and woff2) to the Files tab of the Custom Template section. After the files are uploaded, right click each one, click Copy Link Address, and paste the URLs somewhere handy as you'll need to reference these later.

Copy the code below and paste it into the website head. Replace MyWebFont with whatever you'd like to name your font and replace the URLs with the ones that you copied earlier.


<style type="text/css">
    @font-face {
        font-family: 'MyWebFont';
        src: url('https://u.jimdo.com/www400/o/se3ec4637ab2cb8e8/userlayout/font/introrustg-base2line-webfont.woff?t=1461277686') format('woff'), 
             url('https://u.jimdo.com/www400/o/se3ec4637ab2cb8e8/userlayout/font/introrustg-base2line-webfont.woff2?t=1461277692') format('woff2');
        font-weight: normal;
        font-style: normal;
    }
</style>

You'll need to use CSS to set which text uses this font. If you'd like your Text Elements to use the custom font, copy the following and paste it into the website head (replacing MyWebFont with whatever you chose to name it).


<style type="text/css">
    p {
        font-family: 'MyWebFont', Arial, sans-serif;
    }
</style>

If you'd like Large Heading Elements to use the custom font, paste the following into the website head.


<style type="text/css">
    h1 {
        font-family: 'MyWebFont', Arial, sans-serif !important;
    }
</style>

For Medium and Small Heading elements, replace h1 with h2 or h3 respectively.

Demo