Google Font on Booking Page

Use a Google Font, or any other web font, on your booking page by linking the font in the page head and setting it in your custom CSS.

Required skills: HTML and CSS.

Add a Google Font to your booking page

Steps:

  1. Copy the link Google Fonts provides for your font. Example for Open Sans:
    <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">
  2. Go to Settings > Booking Engine > Property Booking Page > Developer.
  3. Under Advanced HTML Settings, paste the link into Insert in HTML <HEAD>.
  4. In Custom CSS, add a rule that uses the font. Example for Open Sans:
    .colorbody{font-family: 'Open Sans', sans-serif;}
  5. Replace 'Open Sans', sans-serif with the font you want to use, then save.

Expected result: your booking page text uses the new font.

Related Articles

Was this article helpful?
0 out of 0 found this helpful

How to Contact us :