Santa Clara University

Web Publishing

Font Styles

Consistency in typographic presentation greatly increases the professionalism and legibility of the SCU-branded sites. In this overall design, consistent typography is a primary means of providing users with consistent cues to page location within the site's hierarchy as well as consistent information design of page content.

HTML and CSS styles

The site design uses Cascading Style Sheets (CSS) to assign styles by id, class, or as an attribute of an HTML tag.  Examples of styles in the primary page content area are:

HTML tag Example CSS attributes
h3

Page Title

font-family:Georgia,serif;
font-size:26px;
line-height:30px;
color:#8E7A4A;
padding:0;
margin:5px 0 0 0;
font-weight:normal;
h4

Page Subtitle

font-family:Georgia,serif;
font-size:18px;
line-height:22px;
color:#93191B;
padding:0;
margin:5px 0 0 0;
font-weight:normal;
h5
Subcategory
font-family:Verdana,sans-serif;
font-size:12px;
line-height:16px;
padding:0;
margin:5px 0 0 0;
h6
Sub-subcategory
font-family:Verdana,sans-serif;
font-size:11px;
line-height:17px;
font-weight:bold;
p

Paragraph text

font-family:Verdana,sans-serif;
font-size:11px;
line-height:17px;
padding: 5px 0 10px 0;
margin:1px 0 0 0;
ul, ol
  • Unordered list
  • Unordered list
  • Unordered list
  1. Ordered list
  2. Ordered list
  3. Ordered list
font-family:Verdana,sans-serif;
font-size:11px;
margin:10px 25px;
padding:0;
ul.linklist
Opening UL tag includes "linklist" class attribute
list-style:none;
list-style-image:url(/images/template/li-arrow.gif);
blockquote
Blockquote
font-family:Verdana,sans-serif;
font-size:11px;
margin-left:40px;
Printer-friendly format