Sometimes it is useful to change the fonts of a page or even your entire site. It is easy to do with CSS. Simply follow the example below to customize your fonts to any standard CSS format and place the snippet in the body of the page. You can also add the snippet to the header OR footer and it will appear on all pages in your site.

This is Banner Style

This is Heading 1 Style

This is Heading 2 Style

This is Highlight Style

This is Custom1 Style

This is Custom2 Style

This is plainlarge style
this is plain style
this is plainsmall style

Below is the code that appears on this page to force the colors to these styles.

<style>


.banner {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: red;
    font-size: 32px;
      }



.heading1 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: green;
    font-size: 28px;
      }


.heading2 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: orange;
    font-size: 20px;
      }



.highlight {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: purple;
    font-size: 14px;
      }



.customtext1 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: red;
    font-size: 18px;
      }


.customtext2 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: blue;
    font-size: 18px;
      }


.plainlarge, .plain, .plainsmall {
    color: navy;

}




</style>