Customizing the CSS for Font Families


If you want to change the font family to change on your site, the following CSS is for all the places you might find font family.  (Please Note: This is in the Custom CSS and NOT the Master CSS.  Custom CSS overrides the original instructions programmed for your site. If you do not know what this is, please submit a help ticket and someone from our team will be happy to assist you.)


The find/replace is a very quick way to change all these classes for the new font family instead of having to do them one by one.  You can copy this CSS into a text editor (like Notepad), do a find/replace and then paste the code into the custom CSS.  The new font family just needs to be the first in the list – you do not need to remove the other font families.  For example: if you want it to be Garamond, then do a find on “font-family:”, replace it with “font-family: Garamond,”.

 

 

 

/*  START - FONT FAMILY */

.story-title {

  font-family: "Open Sans",sans-serif;

}

 

.story-body > p {

  font-family: "Open Sans",sans-serif;

}

 

#mtk-pagewrapper {

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}

 

 

a:link {

  font-family: Arial,Verdana,sans-serif;

}

 

body{

  font-family: 'Open Sans', sans-serif;

}

 

.mtk-content-wrapper H1 {

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}

 

.mtk-content-wrapper H2 {

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}

 

.mtk-content-wrapper H3 {

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}

 

.mtk-content-wrapper address {

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}

 

.mtk-content-wrapper li, ui, oi {

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}

 

#packet_step1_form .section_header  {

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}

 

#packet_step1_form .item_table  {

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}

 

#packet_step1_form .packet-description-col  {

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}

 

.left-header p {

  font-family: 'Open Sans', sans-serif;

}

 

.right-header li a{

  font-family: 'Open Sans', sans-serif;

}

 

.navbar-nav > li > a{

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}

 

.submenu a , .submenu2 a{

  font-family: 'Open Sans', sans-serif;

}

 

.upper-section h1 {

  font-family: 'Open Sans', sans-serif;

}

 

.upper-section h4 {

  font-family: 'Open Sans', sans-serif;

}

 

.upper-section p {

  font-family: 'Open Sans', sans-serif;

}

 

.content-box > h4{

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}

 

.content-box > p{

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}

 

.read-btn {

  font-family: 'Open Sans', sans-serif;

}  

 

.copy-right > a{

  font-family: 'Open Sans', sans-serif;

}

 

.footer-links li a{

  font-family: 'Open Sans', sans-serif; 

}

 

.address-footer li{

  font-family: 'Open Sans', sans-serif; 

}  

 

.box-index2  h1 {

  font-family: "Open Sans", sans-serif;

}

 

.box-index2 > p {

  font-family: "Open Sans", sans-serif;

}

 

.upper-section-blog h1 {

  font-family: "Open Sans",sans-serif;

}

 

.upper-section-blog h4 {

  font-family: "Open Sans",sans-serif;

}

 

.upper-section-blog > p {

  font-family: "Open Sans",sans-serif;

}

 

.upper-section-blog a {

  font-family: "Open Sans",sans-serif;

}

/* END - FONT FAMILY */