Google Font on Booking Page - Revision history

Annette at 09:59, 29 July 2021

2021-07-29T09:59:27Z

← Older revision		Revision as of 09:59, 29 July 2021
Line 1:		Line 1:
	[[Category:How to]]		[[Category:How to]]
	[[Category:Booking_Page]]		[[Category:Booking_Page]]
			[[Category:Google]]
	<div class="heading">Custom Fonts or Google Fonts</div>		<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.		This page explains how to install Google fonts. You can use this method for other web fonts as well.

2020-06-18T14:17:06Z

← Older revision		Revision as of 14:17, 18 June 2020
Line 5:		Line 5:
	<span style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> '''Requires:''' Knowledge of HTML, CSS		<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 ENGINE > DEVELOPERS "Advanced HTML Settings" ->"Insert in HTML <HEAD>"		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"

2020-05-15T11:33:27Z

← Older revision		Revision as of 11:33, 15 May 2020
Line 14:		Line 14:

	Example for "Open Sans":		Example for "Open Sans":

	<code> .colorbody{font-family: 'Open Sans', sans-serif;}</code>		<code> .colorbody{font-family: 'Open Sans', sans-serif;}</code>

2020-05-15T11:33:10Z

← Older revision		Revision as of 11:33, 15 May 2020
Line 8:		Line 8:

	Example link for "Open Sans"		Example link for "Open Sans"
	<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
			<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

2020-05-15T11:32:51Z

← Older revision		Revision as of 11:32, 15 May 2020
Line 1:		Line 1:
	[[Category:How to]]		[[Category:How to]]
	[[Category:Booking_Page]]		[[Category:Booking_Page]]
	''This page explains how to install Google fonts''		<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 -> BOOKING ENGINE -> DEVELOPERS "Advanced HTML Settings" ->"Insert in HTML <HEAD>"		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":
	.colorbody{font-family: 'Open Sans', sans-serif;}		<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.

	~~Keywords: font, google font, custom font~~

2020-01-23T18:27:49Z

← Older revision		Revision as of 18:27, 23 January 2020
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"

2016-02-16T17:25:27Z

← Older revision		Revision as of 17:25, 16 February 2016
Line 12:		Line 12:

	Example for "Open Sans":		Example for "Open Sans":
	.colorbody{font-family: 'Open Sans', sans-serif;}		.colorbody{font-family: 'Open Sans', sans-serif;}
	replace		replace
	font-family: 'Open Sans', sans-serif;		font-family: 'Open Sans', sans-serif;

2016-02-16T17:25:02Z

← Older revision		Revision as of 17:25, 16 February 2016
Line 12:		Line 12:

	Example for "Open Sans":		Example for "Open Sans":
	~~<nowiki>#</nowiki>bookingpage~~ {font-family: 'Open Sans', sans-serif;}		.colorbody{font-family: 'Open Sans', sans-serif;}
	replace		replace
	font-family: 'Open Sans', sans-serif;		font-family: 'Open Sans', sans-serif;

2015-10-13T19:44:23Z

← Older revision		Revision as of 19:44, 13 October 2015
Line 7:		Line 7:

	Example link for "Open Sans"		Example link for "Open Sans"
	<link href='~~http~~://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>		<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

	2. Add the custom CSS		2. Add the custom CSS

2015-07-18T12:38:54Z

← Older revision		Revision as of 12:38, 18 July 2015
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 ~~-> PAGE DESIGN~~ -> 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 PAGE -> DEVELOPERS "Advanced HTML Settings" ->"Insert in HTML <HEAD>"

	Example link for "Open Sans"		Example link for "Open Sans"