Difference between revisions of "Google Font on Booking Page"

From Beds24 Wiki
Jump to navigation Jump to search
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"  

Revision as of 13:38, 18 July 2015

This page explains how to install Google fonts

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>"

Example link for "Open Sans"

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

2. Add the custom CSS

Example for "Open Sans":

#bookingpage {font-family: 'Open Sans', sans-serif;}

replace font-family: 'Open Sans', sans-serif;

with the font you want to use.

Keywords: font, google font, custom font