Google Font on Booking Page

From Booking Automation Wiki
Revision as of 04:09, 1 August 2021 by Cathy (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search
Custom Fonts or Google Fonts
This page explains how to install Google fonts. You can use this method for other web fonts as well. 

{{#fas:lightbulb}} Requires: Knowledge of HTML, CSS

1. To embed your font collection into your booking page, paste the link google provides for the font you want to use into paste in into {{#fas:cog}} (SETTINGS) > BOOKING ENGINE > PROPERTY BOOKING PAGE > DEVELOPERS "Advanced HTML Settings" -> "Insert in HTML <HEAD>"

Example link for "Open Sans"

<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

2. Add the custom CSS

Example for "Open Sans":

.colorbody{font-family: 'Open Sans', sans-serif;}

replace

font-family: 'Open Sans', sans-serif;

with the font you want to use.