Google Font on Booking Page: Difference between revisions

From Beds24 Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 4: Line 4:
'''Requires:'''  Knowledge of HTML, CSS  
'''Requires:'''  Knowledge of HTML, CSS  


1. To embed your collection into your booking page, paste the link google provides for the font you want to use into paste in into SETTINGS -> BOOKING PAGE -> DEVELOPERS "Advanced HTML Settings" ->"Insert in HTML <HEAD>"
1. To embed your 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"  
Example link for "Open Sans"  

Revision as of 18:27, 23 January 2020

This page explains how to install Google fonts

Requires: Knowledge of HTML, CSS

1. To embed your 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.

Keywords: font, google font, custom font