University of Nebraska at Omaha
UNO global navigation:
This page's main content:
how-to.
'Main Content' Fonts
There are a wide variety of fonts available through the sitewide 'type.css' style sheet. They have been created to support uniformity and compliance with the NU system 'Identity Standards' document (http://www.nebraska.edu/news/news_identity.shtml). To get a listing to appear in your 'properties' window in Dreamweaver you'll need to use the Dreamweaver 'design-time style sheets' feature. Use the list below to reference styles that you'll be using.
font choices:
class="content_title"
This class is used for the main heading at the top of your page. You can see it in action above as the 'how-to.' title of this page's content area. It is identical to the 'head_140gry' class except that it doesn't have 10 pixels of space on top of it (note how it crowds the top of this text box). This makes it flush with the tops of the left (and right if present) columns. That lack of spacing at the top makes it usuitable for use elsewhere on you pages.
Attributes: font-family: arial, verdana, helvetica, tahoma, sans-serif; font-size: 140%; font-style: normal; line-height: normal; letter-spacing: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #6C6C6C; text-decoration: none;
<h1>, or class=head_160blk. as a link.
This class is used for main headings. If you think it is too large, try the 'head_140blk' class.
Attributes: font-family: arial, verdana, helvetica, tahoma, sans-serif; font-size: 160%; font-style: normal; line-height: normal; letter-spacing: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #333; text-decoration: none;
<h2>, or class=head_140blk. as a link.
This class is used for main headings. If you think it is too large, try the 'head_120blk' class.
Attributes: font-family: arial, verdana, helvetica, tahoma, sans-serif; font-size: 140%; font-style: normal; line-height: normal; letter-spacing: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #333; text-decoration: none;
<h3>, or class=head_120blk. as a link.
This class is used for main headings. If you think it is too large, try the 'head_100blk' class.
Attributes: font-family: arial, verdana, helvetica, tahoma, sans-serif; font-size: 120%; font-style: normal; line-height: normal; letter-spacing: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #333; text-decoration: none;
class=head_120gry. as a link.
This class is used for main headings. If you think it is too large, try the 'head_100gry' class.
Attributes: font-family: arial, verdana, helvetica, tahoma, sans-serif; font-size: 120%; font-style: normal; line-height: normal; letter-spacing: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #6C6C6C; text-decoration: none;
<h4>, or class=head_100blk. as a link.
This class is used for main headings. If you think it is too large, try the 'head_80blk' class.
Attributes: font-family: arial, verdana, helvetica, tahoma, sans-serif; font-size: 100%; font-style: normal; line-height: normal; letter-spacing: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #333; text-decoration: none;
class=head_100gry. as a link.
This class is used for main headings. If you think it is too large, try the 'head_80gry' class.
Attributes: font-family: arial, verdana, helvetica, tahoma, sans-serif; font-size: 100%; font-style: normal; line-height: normal; letter-spacing: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #6C6C6C; text-decoration: none;
<h5>, or class=head_80blk. as a link.
This class is used for main headings that are a bit 'quieter' than the 'head_100' classes. If you think it is too small, try the 'head_100blk' class.
Attributes: font-family: arial, verdana, helvetica, tahoma, sans-serif; font-size: 80%; font-style: normal; line-height: normal; letter-spacing: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #333; text-decoration: none;
class=head_80gry. as a link.
This class is used for main headings that are a bit 'quieter' than the 'head_100' classes. If you think it is too small, try the 'head_100gry' class.
Attributes: font-family: arial, verdana, helvetica, tahoma, sans-serif; font-size: 80%; font-style: normal; line-height: normal; letter-spacing: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #6C6C6C; text-decoration: none;
<h6>, or class=head_77blk. as a link.
This class is used for main headings that are just a wee bit smaller than the 'head_80' classes. It is a heading companion to the 'box_77' class if you are into small differences. The 'box_77' classes were created because text inside of a box, like this one (if classed '80'), seems larger than adjacent 'main_80' classed text outside of the box. If you think it is too small, try the 'head_80' or 'head_100' classes.
Attributes: font-family: arial, verdana, helvetica, tahoma, sans-serif; font-size: 77%; font-style: normal; line-height: normal; letter-spacing: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #333; text-decoration: none;
class=head_77gry. as a link.
This class is used for main headings that are just a wee bit smaller than the 'head_80' classes. It is a heading companion to the 'box_77' class if you are into small differences. The 'box_77' classes were created because text inside of a box, like this one(if classed '80'), seems larger than adjacent 'main_80' classed text outside of the box. If you think it is too small, try the 'head_80' or 'head_100' classes.
Attributes: font-family: arial, verdana, helvetica, tahoma, sans-serif; font-size: 77%; font-style: normal; line-height: normal; letter-spacing: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #6C6C6C; text-decoration: none;
<p>, or class=main_80blk. as a link.
This class is used for main text. It is the largest body text class. If you want it bigger, you'll have to use one of the 'head' classes. If you're using it inside a box, you might want to consider the 'box_77' class.
Attributes: font-family: arial, verdana, helvetica, tahoma, sans-serif; font-size: 80%; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #333;
class=box_77. as a link.
This class is used mostly inside of content boxes. It is a cousin to the 'feat_77' class. The 'box_77' and 'feat_77' classes were created because text inside of a box, like this one (if classed '80'), seems larger than adjacent 'main_80' classed text outside of the box.
Attributes: font-family: arial, verdana, helvetica, tahoma, sans-serif; font-size: 77%; line-height: normal; color: #52504D;
This class for links is used mostly inside of content boxes. It is a cousin to the 'feat_77_links' class. The 'box_77_links' and 'feat_77_links' classes were created so that links following text inside of boxes, could be of a smaller, subordinate size.
Attributes: font-family: arial, verdana, helvetica, tahoma, sans-serif; font-size:63%; font-weight: bold; color:#740000; text-transform:none;
class=feat_77. as a link.
This class is used in the feature box. It is a cousin to the 'box_77' class. The 'box_77' and 'feat_77' classes were created because text inside of a box, like this one (if classed '80'), seems larger than adjacent 'main_80' classed text outside of the box.
Attributes: font-family: arial, verdana, helvetica, tahoma, sans-serif; font-size: 77%; line-height: normal; color: #52504D;
This class for links is used mostly inside of content boxes. It is a cousin to the 'box_77_links' class. The 'box_77_links' and 'feat_77_links' classes were created so that links following text inside of boxes, could be of a smaller, subordinate size.
Attributes: font-family: arial, verdana, helvetica, tahoma, sans-serif; font-size:63%; font-weight: bold; color:#740000; text-transform:none;
class=foottext. as a link.
This class was created for use in the footer—copyright, date, contact, etcetera.
Attributes: font-family: arial, verdana, helvetica, tahoma, sans-serif; font-size: 70%; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #2F2E2C;
class=caption. as a link.
This class was created for use underneath photographs or other images that need identifying text and ⁄ or credit line below.
Attributes: font-family: arial, verdana, helvetica, tahoma, sans-serif; font-size: 70%; line-height: normal; font-weight: normal; font-style: normal; color: #525252;
class=date. as a link.
This class was created for use when a credit line, or date needs to follow on a line immediately beneath that which preceeds it. That means this class does not have the default 10px space above the paragraph.
Attributes: font-family: arial, verdana, helvetica, tahoma, sans-serif; font-size: 70%; line-height: normal; font-weight: normal; font-style: normal; color: #525252;
class=fineprint. as a link.
This class was created for use when some really small text is needed. Not recommended for most situations.
Attributes: font-family: arial, verdana, helvetica, tahoma, sans-serif; font-size: 60%; line-height: normal; font-weight: normal; font-style: normal; color: #525252;
default (no class) as a link.
This is what text that is not classed will look like. It will work, but is not recommended. Misses all the nuanced consideration of the defined classes.
Attributes: font-family:arial, verdana, helvetica, tahoma, sans-serif;
For a printable page with the complete details on all of the editable areas of your template, follow this link.
