Web Fonts
Web fonts let you use typefaces that aren’t available by default in web browsers by downloading font files along with your web pages. This technique allows you to use the university’s official typefaces – Adobe Caslon Pro and National – on the web.
Should I use web fonts?
Official typefaces help to reinforce USC’s visual identity and keep a consistent look across print and digital formats. Web fonts are useful if you want to use official typefaces throughout your website. If you’re just using official typefaces for your website title or a menu whose text doesn’t change, though, you might find it more efficient to use image replacement.
Using Adobe Caslon Pro as a web font
Adobe Caslon Pro is available as a web font through Typekit, which requires a membership.
Using National as a web font
National is hosted centrally by USC and is available to any USC organization website. To use it, select the styles you want to use, then copy the code below into your CSS file:
Some notes on usage:
- The National web font is enabled only for sites hosted under usc.edu subdomains.
- If you’re only using a custom typeface for a website title or a menu whose text doesn’t change, you might find it more efficient to use image replacement.
- Web fonts work in all modern browsers, but are ignored by most email applications, so this technique cannot be used for email newsletters.
- Typekit (the provider for the Adobe Caslon Pro web font) requires Javascript in order to work.
- If you have any questions, please email identity@usc.edu.