Difference between revisions of "Google Font on Booking Page"
Jump to navigation
Jump to search
| Line 1: | Line 1: | ||
[[Category:How to]] | [[Category:How to]] | ||
[[Category:Booking_Page]] | [[Category:Booking_Page]] | ||
| − | + | <div class="heading">Custom Fonts or Google Fonts</div> | |
| − | '''Requires:''' Knowledge of HTML, CSS | + | 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 collection into your booking page, paste the link google provides for the font you want to use into paste in into SETTINGS | + | 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 > DEVELOPERS "Advanced HTML Settings" ->"Insert in HTML <HEAD>" |
Example link for "Open Sans" | Example link for "Open Sans" | ||
| Line 12: | Line 13: | ||
Example for "Open Sans": | Example for "Open Sans": | ||
| − | + | <code> .colorbody{font-family: 'Open Sans', sans-serif;}</code> | |
| + | |||
replace | replace | ||
| + | |||
font-family: 'Open Sans', sans-serif; | font-family: 'Open Sans', sans-serif; | ||
with the font you want to use. | with the font you want to use. | ||
| − | |||
| − | |||
Revision as of 12:32, 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.
