Google Font on Booking Page: Difference between revisions

From Beds24 Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
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 19: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