Google Font on Booking Page: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| (4 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
[[Category:How to]] | [[Category:How to]] | ||
[[Category:Booking_Page]] | [[Category:Booking_Page]] | ||
[[Category:Google]] | |||
'''Requires:''' Knowledge of HTML, CSS | <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 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 > PROPERTY BOOKING PAGE > DEVELOPERS "Advanced HTML Settings" ->"Insert in HTML <HEAD>" | ||
Example link for "Open Sans" | Example link for "Open Sans" | ||
<code><link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'></code> | |||
2. Add the custom CSS | 2. Add the custom CSS | ||
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. | ||