Santa Clara University

Web Publishing @ SCU

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
Established 1851