Difference between revisions of "Google Font on Booking Page"

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

Revision as of 20:44, 13 October 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='https://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