Web Fonts

This is for users with knowledge of HTML/CSS.

In order to use variations of fonts that are not the default:

  1. Using the Fonts table below, add the class name of the font you want to use to the element you want to style. For example:
    <p class="font-1-13">your text here</span> or
  2. You can also define a css style similar to this:
    <style type="text/css">
      .myStyle { font-family:'tradegothiclt-light',sans-serif; }
    </style>

    where myStyle is your own defined style that you would then add as a class to an element like this:
    <p class="myStyle">your text here</span>

Fonts

Trade Gothic
Font Name Class Name CSS Style
Trade Gothic font-1-1 font-family: 'tradegothiclt', sans-serif;
Trade Gothic Light font-1-2 font-family:'tradegothiclt-light', sans-serif;
Trade Gothic Light Oblique font-1-3 font-family:'tradegothiclt-lightoblique', sans-serif;
Trade Gothic Oblique font-1-4 font-family: 'tradegothicltcom-obl', sans-serif;
Trade Gothic Bold font-1-5 font-family: 'tradegothiclt-bold', sans-serif;
Trade Gothic Bold No. 2 font-1-6 font-family: 'tradegothicltcom-bd2', sans-serif;
Trade Gothic Bold Oblique font-1-7 font-family: 'tradegothicltcom-boldobl', sans-serif;
Trade Gothic Bold No. 2 Oblique font-1-8 font-family: 'tradegothicltcom-bd2obl', sans-serif;
Trade Gothic Condensed No. 18 font-1-9 font-family: 'tradegothiclt-condeighteen', sans-serif;
Trade Gothic Condensed No. 18 Oblique font-1-10 font-family: 'tradegothicltcom-cn18obl', sans-serif;
Trade Gothic Bold Condensed No. 20 font-1-11 font-family: 'tradegothicltcom-bdcn20', sans-serif;
Trade Gothic Bold Condensed No. 20 Oblique font-1-12 font-family: 'tradegothicltcom-bdcn20obl', sans-serif;
Trade Gothic Extended font-1-13 font-family: 'tradegothicltstd-extended', sans-serif;
Trade Gothic Bold Extended font-1-14 font-family: 'tradegothicltstd-boldext', sans-serif;
PMN Caecilia
Font Name Class Name CSS Style
PMN Caecilia 55 Roman font-2-1 font-family: 'caecilialtstd-roman', serif;
PMN Caecilia 45 Light font-2-2 font-family: 'caecilialtstd-light', serif;
PMN Caecilia 46 Light Italic font-2-3 font-family: 'caecilialtstd-lightitalic', serif;
PMN Caecilia 56 Italic font-2-4 font-family: 'caecilialtstd-italic', serif;
PMN Caecilia 75 Bold font-2-5 font-family: 'caecilialtstd-bold', serif;
PMN Caecilia 76 Bold Italic font-2-6 font-family: 'caecilialtstd-bolditalic', serif;
PMN Caecilia 85 Heavy font-2-7 font-family: 'caecilialtstd-heavy', serif;
PMN Caecilia 86 Heavy Italic font-2-8 font-family: 'caecilialtstd-heavyitalic', serif;