Change Font to Entire App, then change Module names and Session Names into another font


This will change the font in your app into Oswald font. It will also change the module names in the left menu, and the session names to Kaushan Script. Some adjustments are also made to the font sizes to improve readability.  

Please read this article for information on using Google Fonts. If you are using a different font than the one in this code, please change the underlined areas of this code to be applicable for your app.

If you have already used the @import code string at the top of the CSS, you do not need to use it again when pasting in this code. Only use the succeeding code in that case.


/* Font Family Call */
@import url('|Oswald');

/* Apply called font to all text */
textarea, .layout-beta, input, .chat-compose-textarea, 
.ng-binding, .question-list-item-option .icon-checkbox-button,
.question-list-item-option .icon-radio-button, 
.binding, .textarea, .item-notes-textarea {
   font-family: "Oswald";
   letter-spacing: 0.05em;

.getting-started-tooltip-text {
   font-weight: lighter;

/*Change font for left menu module names */
.menu-nav-item, .menu-nav-item .ng-binding {
   font-family: "Kaushan Script";
   font-size: 1.2em;
   font-weight: bolder;

/*Change font for session names and company names */
.agenda .card-title, .agenda .item-title, .companies .item-title {
   font-family: "Kaushan Script";
   font-size: 160%;
   font-weight: bolder;
0 out of 0 found this helpful



Article is closed for comments.