SimplyBook.me

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.



Retrieved from "https://help.simplybook.me/index.php?title=Changing_Fonts_with_Custom_CSS&oldid=45476"