Fonts for Web
Fonts
This is for users with knowledge of HTML/CSS.
In order to use variations of fonts that are not the default:
- 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</p>
or - 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; |
Fonts For Print
Contact Marketing & Communications for access to these font files.
Trade Gothic
This font is ideal for use in headers.
PMN Caecilia
This font is ideal for use in your body copy.
Alternatives
If you cannot get a font license and need an alternative, these options will work well with WSU’s
branding style.
- Download Arimo.
- Arial and Georgia fonts are already on your computer.
Installing Fonts
Windows: Download the font .zip file to your hard drive and unzip the file. Go to Start > Control Panel > Fonts > File > Install Fonts, then select the unzipped font files.
Mac: Download the font .zip file to your hard drive and unzip the file. Double-click on the font file to open it, then click Install.