Web Help Site
 WEB NEWS
 PROPOSING A WEB JOB

COLBY STUFF
General Web Policies

Permissions to Sites
Requesting Directory

Style Guides:
   >Colby Seal
   >HTML and Layout
   >Email newsletters
   >Naming Links

Colby's Site Organization

DOWNLOADS


Typeface: Colby HTML Guidelines

Colby Text Style

Though Colby's official typefaces are Janson and Franklin Gothic, most users will not have these fonts on their computers, so do not use Janson or Franklin Gothic as a Web font face.

Except in official Colby publication such as the course catalogue or handbooks, use of the official fonts in graphics on the Web is optional since the header bar contains the College logotype. In cases where official typefaces are used, they should be used in major graphics.

If you use the "convert to HTML" option in Microsoft Word, do not carry over the font formatting (such as font faces). Users' computers will not have the same fonts. Keep the font faces simple (Helvetica and Arial for sans serif, Times and Palatino for serif).

Sans
Sans:
Arial, Helvetica or any user's font that is sans-serif
Serif
Serif:
Palatino, Times, or any user's font that is serif

Colby Cascading Style Sheet
Colby has a simple stylesheet that you can use to make formatting easier on the Web. You can learn more about stylesheets from other resources on the Web. To use the stylesheet, insert the following code into your page, in the <head> tag and below the <title> tag.



This will now allow you to use "class" names to designate font style and sizes.

In this stylesheet:
The stylesheet sets the default font for text as a serif (like Times or Palatino) face at 12 pixels/points.

If you want to format other parts of your text as larger serif or sans serif faces, you do not need to use the <font face. . .> tags. Just insert into a formatting tag such as the <p>, <b>, <i>, or <div> tags the word "class=" with one of these classes in quotes:
Class Makes font this style
serif8
serif9
serif10
serif12
serif14
serif16
serif18
serif20
serif22
serif24
serif26
serif28
serif36
serif48
serif72
Makes serif font at the pixel size of the number
sans8
sans9
sans10
sans11
sans12
sans14
sans16
sans18
sans20
sans22
sans24
sans26
sans28
sans36
sans48
sans72
Makes sans font at the pixel size of the number
mono9 Makes a mono-spaced font (one where all characters, including spaces, are equally spaced, 9 pixels
For example: Will look like:
<font class="sans10" color="#990000">Hello, World</font> Hello, World
<b class="sans12"><font color="#CC3300">Hello, World</font></b> Hello, World

Remember, these classes will only work in text formatting tags. They will not work in table tags.

NOTE: If you use the "convert to HTML" option in Word, do not use Word's font formatting (such as font faces). Users' computers will not have the same fonts as you. Keep the font faces simple (Helvetica and Arial for sans serif, and Times and Palatino for serif).

The stylesheet will not underline your links as seen on other sites. In Explorer only, links will be underlined when the user rolls over the link.

 

 

 

Web News   |  Request a Web Job  |  Request Permissions  |  Resources

© Colby College   Communications  |  ITS   4000 Mayflower Hill Drive   Waterville, Maine 04901-8840
T: 207-872-3000   F: 207-872-3555   contact

last modified on 08/06/02 04:08:05 PM