Typography in Web and Digital

The University of Oregon has licensed Quadon and Bauer Bodoni for limited use on the web for externally facing, marketing-oriented websites.

The UO does not require and in fact is not licensed for use of these fonts across all UO websites. If you'd like to explore licensing the fonts for an annual fee, contact us. Many options are available within the following requirements:

  • Small text graphics can be created for your website using Quadon and Bauer Bodoni fonts. Use text graphics only in limited situations and provide alt-text for accessibility and search engines. Large blocks of text graphics are not permitted.
     
  • Use browser-safe fonts and ending your font definitions list with either sans-serif or serif. The following are examples of common cross-platform fonts: Serif fonts: Times New Roman, Times, Georgia, Palatino, Serif; Sans-serif fonts: Arial, Verdana, Helevetica, Sans-Serif A.
     
  • Small text graphics such as titles and headlines are acceptable. Accessibility recommendation: Use header elements (H-tags) to convey document structure. Avoid creating a header look with bold or emphasis tags only.
     
  • Most browsers allow users to resize screen text regardless of whether the site designer has chosen fixed or variable font sizes. Internet Explorer on Windows (IE/Win), however, will only allow text resizing with variable fonts specified. Choose variable font sizes over fixed sizes, using either percentages or em units.
     
  • Font sizes should be variable, for example: p { font-size: 100% } p { font-size: 1em }. If you use a fixed font size, use pixel sizes (px). Points (pt) are discouraged since there is no certain relationship between points and the pixels on a monitor.