Difference between revisions of "Adding a Custom Web Font to CLIO"

From CLIO

 
Line 1: Line 1:
{{DocumentationPage}}
== Overview ==
== Overview ==
CLIO can be configured to use custom web fonts to match your institutions branding. You can add fonts that are accessible to every Program in CLIO, or make certain fonts only available to certain Programs.
CLIO can be configured to use custom web fonts to match your institutions branding. You can add fonts that are accessible to every Program in CLIO, or make certain fonts only available to certain Programs.
Line 11: Line 13:


{{See|Adding Custom CSS to a CLIO Program}}
{{See|Adding Custom CSS to a CLIO Program}}
{{DocumentationNavigation}}

Latest revision as of 18:18, 31 October 2022

Google material book.png

Overview

CLIO can be configured to use custom web fonts to match your institutions branding. You can add fonts that are accessible to every Program in CLIO, or make certain fonts only available to certain Programs.

Add a Custom Web Font to All Programs

Custom Web Fonts can be copied to the 'font' folder within the CLIO web application directory. After this is done, the CSS font-face rules can be defined for the Interactive. The font can now be used in any Program.


Add a Custom Web Front to A Single Program

Custom Web Fonts can be copied to the '@Media' folder within the Program's content directory. After this is done, the CSS font-face rules can be defined for the Program. The font can now be used in only this Program.

Documentation
Installation Look and Feel
Interaction Modes Developing Activity Types
Creating an Interactive Framework
Integrating CLIO Contribute