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

From CLIO

(Created page with "== 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 cert...")
 
Line 3: Line 3:


== Add a Custom Web Font to All Programs ==
== Add a Custom Web Font to All Programs ==
{{Main|Adding Custom CSS to a CLIO Interactive}}
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.
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.
{{See|Adding Custom CSS to a CLIO Interactive}}


== Add a Custom Web Front to A Single Program ==
== Add a Custom Web Front to A Single Program ==
{{Main|Adding Custom CSS to a CLIO Program}}
{{Main|Adding Custom CSS to a CLIO 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.
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.

Revision as of 00:29, 31 October 2022

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.