Changes

Jump to navigation Jump to search

Google Font on Booking Page

201 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
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 PAGE -ENGINE > PROPERTY BOOKING PAGE DESIGN -> DEVELOPERS "Advanced HTML Settings" ->"Insert in HTML <HEAD>"
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