Changing Fonts with Custom CSS

One of the most common Custom CSS customizations is changing the font used on your scheduling page.

Option 1 — Google Fonts (Recommended)

We recommend using Google Fonts, most fonts are free to use, including commercially. Browse available fonts here.

Example:

   @import url('https://fonts.googleapis.com/css?family=Oswald');
:not(.fa):not(.fi) {
font-family: 'Oswald' !important;
}

Save the CSS, clear cache and refresh your booking page.

Option 2 — Your own hosted font

If your company has its own licensed font, you can reference it from your own hosting.

Example:

   @font-face {
    font-family: 'MyCompanyFont';
    src: url('https://your-domain.com/fonts/MyCompanyFont.woff2') format('woff2');
   }
   :not(.fa):not(.fi)  {
    font-family: 'MyCompanyFont', sans-serif !important;
   }

Please note!

If you use fonts other than Google Fonts:

• you are responsible for obtaining the appropriate font license;

• you must host the font files yourself;

• SimplyBook.me does not provide or host font files.

Support can assist with simple CSS syntax and applying Google Fonts, but cannot source, upload, or host non-Google font files.