It is possible to change the text font type and/or size of the widget.
In this article:
Browser/device compatibility
Fonts may display differently depending on the device and browsers customers are using to visit your booking page. Bookeo provides the option to add custom CSS rules to your booking page, however, you or your web designer should ensure that the custom CSS rules that you use are compatible with the devices/browsers that are your intended target.All custom code falls outside of the scope of Bookeo support.
Change the text font type and/or size of the widget
In your Bookeo account:
1. Go to Settings>Colors and Styles
2. in the Custom CSS section at the bottom, paste CSS code, something like:
.bookeocss * {
font-size:14px;
font-family: Arial;
}
In the example provided, the text will show in Arial font, size 14px.
Note
If you change the font size, make sure to check for alignments.Using Google Fonts
If you want to use Google fonts:
1. Go to https://fonts.google.com and click on the desired font [1].
2. Click on + Select this style [2] to add one or more styles
3. Click on the icon with 3 squares [3] (next to the About menu item at the top)
4. Click on Embed [4]
5. Click on @import [5]. Copy the statement (without the <style> and </style>) [6]
6. Paste it into your Bookeo settings, in Settings >Colors and styles >Custom CSS
7. At the bottom of the pasted code, add the following code, replacing 'Roboto', sans-serif with the font name as shown by Google
.bookeocss * {
font-family: 'Roboto', sans-serif;
}
8. Save