Difference between revisions of "Google Font on Booking Page"

From Beds24 Wiki
Jump to navigation Jump to search
Line 14: Line 14:
  
 
Example for "Open Sans":
 
Example for "Open Sans":
 +
 
<code> .colorbody{font-family: 'Open Sans', sans-serif;}</code>
 
<code> .colorbody{font-family: 'Open Sans', sans-serif;}</code>
  

Revision as of 13:33, 15 May 2020

Custom Fonts or Google Fonts
This page explains how to install Google fonts. You can use this method for other web fonts as well. 

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 (SETTINGS) > BOOKING ENGINE > 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.