 |
|
|
|
|
|
||
      |
|
||
 |
 |
|
|
|
|||
 |
| Web Style Guide |
| IRT Information |
Paragraph formats | Art body text
Paragraphs, HTML Style
Paragraph <P> Normal paragraphs (no CSS style) look like this - 14px. The paragraph format must be applied for for this normal style of text. The bulk of your page's text should be in this format. Paragraphs always have a double space in between them. You can also link text, or apply bold, italic or both.
No format - Text without <H> or <P> formatting may appear smaller than normal paragraph text - 12px. Without another format applied, text takes up the CSS properties of the table that creates the layout for the page. You can also link text, or apply bold, italic or both.
Body Text
The following styles are provided for body text in various contexts.
text_bodynormal - Arial - 14px. This class uses the same style settings as normal HTML <p> tagged paragraph text. It is useful in contexts where styles are mixed, or where the normal extra space that follows an HTML paragraph is undesirable.
text_bodynormal - Arial - 14px. This class uses the same style settings as normal HTML <p> tagged paragraph text. It is useful in contexts where styles are mixed, or where the normal extra space that follows an HTML paragraph is undesirable.
text_bodysmall - Arial - 12px. This is a small text size. It is appropriate for information that is not critical to the reader, such as image captions, short summaries, credit lines.
text_bodysmall - Arial - 12px. This is a small text size. It is appropriate for information that is not critical to the reader, such as image captions, short summaries, credit lines.
text_bodytiny - Arial - 10px. This is a very small text size. It is appropriate for information that is not critical to the reader, such as image captions, short summaries, credit lines. Tiny bold text can be difficult to read and should be used in moderation.
text_bodytiny text_bold - Arial - 10px. This is a very small text size. It is appropriate for information that is not critical to the reader, such as image captions, short summaries, credit lines. Tiny bold text can be difficult to read and should be used in moderation.
text_leadinheadline Verdana 14px bold: This paragraph illustrates a nice technique for creating a summary paragraph. By applying the text_leadinheadline class to the first word or phrase, perhaps with a colon and follow-on sentence, you help readers who need it find this paragraph.
Art Text
Any of the following can be used to modify full paragraphs, or individual bits of text. Each one begins with the name of its CSS class.
text_altfont text_bodylarge - Verdana Regular - 14px. At 14px, this text is about the same numerical size as normal paragraph text, but because it is in Verdana instead of Arial it looks a bit larger
text_altfont text_bodylarge text_bold - Verdana Regular - 14px. At 14px, this text is about the same numerical size as normal paragraph text, but because it is in Verdana instead of Arial it looks a bit larger Bold text should be used in moderation and for emphasis.
text_altfont text_bodynormal - Verdana Regular - 12px. This text is a bit smaller than normal paragraph text. It holds up well as an alternative for smaller text.
text_altfont text_bodynormal text_bold - Verdana Regular - 12px. This text is a bit smaller than normal paragraph text. It holds up well as an alternative for smaller text. Bold text should be used in moderation and for emphasis.
text_altfont text_bodynormal - Verdana Regular - 11px. This text is fairly small in comparison to normal body text. It can be used in any situation where small but readable text is needed.
text_altfont text_bodynormal text_bold - Verdana Regular - 11px. This text is fairly small in comparison to normal body text. It can be used in any situation where small but readable text is needed. Bold text should be used in moderation and for emphasis.
text_altfont text_bodysmall - Verdana Regular - 10px. This is a small text size. It is appropriate for information that is not critical to the reader, such as image captions, short summaries, credit lines.
text_altfont text_bodysmall text_bold - Verdana Regular - 10px. This is a small text size. It is appropriate for information that is not critical to the reader, such as image captions, short summaries, credit lines. Bold text should be used in moderation and for emphasis.
text_altfont text_bodytiny - Verdana Regular - 9px. This is a very small text size. It is appropriate for information that is not critical to the reader, such as image captions, short summaries, credit lines.
text_altfont text_bodytiny text_bold - Verdana Regular - 9px. This is a very small text size. It is appropriate for information that is not critical to the reader, such as image captions, short summaries, credit lines. Bold text should be used in moderation and for emphasis.
