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

Follow

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 bolded 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 black code in that case.

Code:

@import url('https://fonts.googleapis.com/css?family=Kaushan+Script|Oswald');

/* Font Family Call ^ */

/* 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

Comments

0 comments

Article is closed for comments.