Changes

Jump to navigation Jump to search

Google Font on Booking Page

273 bytes added, 11:59, 29 July 2021
no edit summary
[[Category:How to]]
[[Category:Booking_Page]]
[[Category:Google]]
<div class="heading">Custom Fonts or Google Fonts</div>
This page explains how to install Google fonts. You can use this method for other web fonts as well.
<span style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> '''Requires:''' Knowledge of HTML, CSS
'''Requires1. 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 Knowledge of > PROPERTY BOOKING PAGE > DEVELOPERS "Advanced HTML Settings" ->"Insert in HTML, CSS <HEAD>"
1. To embed your collection into your booking page, paste the Example link google provides for the font you want to use into paste in into SETTINGS->BOOKING PAGE->ADVANCED "Advanced HTML Settings" ->"Insert in HTML <HEAD>Open Sans"
Example link for "Open Sans" <code><link href='httphttps://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'></code>
2. Add the custom CSS
Example for "Open Sans":
<nowikicode>#</nowiki>bookingpage .colorbody{font-family: 'Open Sans', sans-serif;}</code> 
replace
 
font-family: 'Open Sans', sans-serif;
with the font you want to use.
 
Keywords: font, google font, custom font

Navigation menu