Using Google Fonts with Event Theme
Icareus Event & Webinar theme allows using standard web fonts and also Google Fonts in Event theme.
In order to use Google Fonts, you can follow the following instructions.
Using one (1) Google Font in event theme:
Go to your event theme where you want to use Google Fonts:
Go to Google Fonts text box:
Open up the Google Fonts (https://fonts.google.com) page on separate browser page:
Search the wanted to Google Font with Search tool (e.g. "DM Serif Display" like in example):
Click the font box and a new page opens:
Click the "+ Select this style" button at the end of the wanted font:
It will open a module on the right part of the screen:
Copy <link> from the section, e.g.:
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap" rel="stylesheet">
Paste the link on the event theme page to GOOGLE FONT <LINK> box and write the Google Font name to wanted Font configuration box:
- Heading font
- Heading 2 font
- Heading 3 font and/or
- Normal font
Like in image below:
Push "SAVE" to save the event theme and your Google Font is ready to use!
Using two (2) or more Google Fonts in event theme:
If you want to use two or more Google Fonts with your event theme, you can add more fonts in following way.
Search another font from Google Fonts (e.g. "Source Sans Pro" like in example):
Notice that you need to have the 1st / previous font still selected
Click the font box to open the font page:
Click the "+ Select this style" button at the end of the wanted font:
The new font will be added to the <LINK> text.
You can reapeat this to add all the wanted fonts to the link.
The Copy the new, updated LINK text.
Go back to the Icareus Event Theme management page and and paste the <LINK> text to GOOGLE FONT <LINK> configuration box:
Write the 2nd (or other used) font names to the corresponding font configuratiol fields:
Related Articles
Event & Webinar Player
Themes for an event or webinar page are defined under Events -> Event themes. Themes provide a versatile and easy way to customise the look and feel of your event. Options for customizing an event There are four options: Event and webinar player as a ...Event & Webinar Player
Introduction The theme of the event or webinar page is configured under Players. Webinar players provide versatile, easy way to customize the look & feel of the video event. Options to use Custom Event & Webinar UX There are four options: Event & ...Event and Webinar UX Template Functions
Introduction Icareus Event and Webinar solution provides easy tools to anybody to configure both the functions of the Event and Webinar player. The main fuctions are: Video Player Optional: Slides and slides control Optional: Message / Chat / Poll or ...Event and Webinar Access Control
Access Control It is possible to restrict access to the event based on different methods of access control. Currently only one type of access control can be set on a single event. Different types of access control currently supported are: No Access ...Event and Webinar Access Control
Access Control It is possible to restrict access to the event based on different methods of access control. Currently only one type of access control can be set on a single event. Different types of access control currently supported are: 1. No ...