| |
Working
With TEXT - INDEX |
|
|
Welcome to "Working With TEXT",
the area of DESIGN WORKS! dedicated
to helping our clients understand the relationship of "text"
to HTML programming, web site design and content. By now we have either
completed your Strategic Internet Business Plan or are at the "Design
Considerations" planning point. The purpose of this area is to present
a brief review of font choice and stlyes, text and heading sizes. |
| |
| FONT CHOICE
AND STYLE |
| The font choice for viewers of your web site will be determined
in one of two ways. First, the viewer may identify their choice of font
in advance by identifing a "defalt" font in the priorities menue
of their web browser. If the viewer has identified a "defalt"
choice and instructed the browser to override all other choices, there
is little that we can do. On the positive side, most viewers who are spohisticated
enough to enable web browser priorities will most likely identify fonts
(and backgrounds) that enhance their viewing experience, i.e. font, colour
and background combinations that provide clear, ledgable text. (As
an example - with the exception of specific fonts identified below - the
page you are now viewing has been programmed to display your web browsers
defalt font and size settings.) |
| The second and most effective way to determine the font
choice (as well as background colour / imagery) for your web site is to
embed your choice within HTML programming. By so doing, we instruct the
viewers web browser to use the identified font, colour and background. |
| Most browsers are loaded with a broad and varried selection
of font choices. This enables the browser to offer a wide selection to
choose from when setting browser font priorities. It also allows the browser
to produce on screen, most font choices pre-programmed into web pages. |
| The overall effectivemenss of font choices is impacted by
your computer monitors ability to reproduce fonts on the screen. Without
getting too technical, your computer monitors screen is made up of thousands
of small dots known as "pixels". Each pixel is actually a small
square box containing an assigned colour. Combinations of pixels in straight
lines or in straight sided images are easily reconstructed on screen because
all of the boxes fit perfectly together, thus rendering straight edges.
As you might guess, straight sided images are more clearly rendered on
the monitor screen and are therefore easier to read and understand. Curves
are more difficult to reproduce on the monitor screen because the lines
are made up a curved collection of pixels. Because each pixel is actually
a "square box" of colour, the edges are exposed resulting in
hazy or fuzzy lines. |
| For this reason, we recommend the use of relatively "straight
sided" fonts wherever possible. There are several font types to choose
from. Some examples follow: |
| |
| CLASSIC |
| Century Gothic |
Courier
New |
Times New Roman |
|
| |
| SCRIPT |
| Comic
Sans MS |
Graphite Light |
Monotype Corsiva |
| Nadianne |
Onyx |
Tempus Sans ITC |
| Note: Generally, we
recommend against the use of "Script" fonts in the body
of web page documments. |
|
| |
| MODERN |
| Albertus |
Antique Olive |
Arial |
| Bodoni Black |
Britannic Bold |
CG Omega |
| CG Times |
Clarendon |
Eurostile |
| Focal Point On-Line |
Franlkin Gothic Book |
Gill Sans |
| Impact |
Modern No. 20 |
OCR A Extended |
| Rockwell |
Tahoma |
Univers |
|
| |
| FUN FONTS |
| Bauhaus 93 |
Bertram |
Braggadocio |
| Curlz MT |
Eras Light ITC |
Goudy Stout |
| Glowworm |
Graphic Light |
Lucida Casual |
| Matisse ITC |
Ozzie Black |
Ransom |
| Snap ITC |
Stencil |
Wide Latin |
|
| |
There are ten physical styles provided
within current HTML programming format. They provide various levels
of emphasis to support copy content. In addition to these style options,
we recommend the use of additional copy colour
to help provide emphasis. |
| |
| STYLE CHOICES |
| Description |
Display Style |
| Bold contents |
bold |
| Increased font size |
bigger text |
| Alternating fore and background colours |
|
| Italic contents |
italic |
| Decreased font size |
smaller text |
| Strike-through text |
strike |
| Subscripted text |
subscript |
| Superscripted text |
superscript |
| Teletypewriter style |
monospaced |
| Underlined contents |
underlined |
|
| |
|
| |
|
| |
| TEXT SIZE |
| There are seven text sizes available within the HTML programming
format. The sizes increase from 1 to 7 with "3" usually accepted
as the browser default size. The text that you are currently reading is
presented as the browser default size "3". The sizes vary as
follows: |
| Text size number 1. |
| Text size number 2. |
| Text size number 3. |
| Text size number 4. |
| Text size number 5. |
| Text size number 6. |
| Text size number 7. |
| |
|
| |
|
| |
| HEADING
SIZE |
| There are six heading sizes available within the HTML programming
format. They decrease in size from 1 to 6. For your ease of reference,
the heading of this section is size "2". The heading sizes vary
as follows: |
| |
HEADING SIZE 6 |
HEADING SIZE 5 |
HEADING SIZE 4 |
HEADING SIZE 3 |
HEADING SIZE 2 |
HEADING SIZE 1 |
| |
|
| |
|
Contact: TOWNHALL Internet Communications |
| |
IT'S
POSSIBLE YOU SHOULD EXPECT A WHOLE LOT MORE FROM YOUR WEB SITE !!! |
| |
Web
site contents, graphics and text are copyright © TOWNHALL Internet
Communications.
ALL RIGHTS RESERVED WORLDWIDE. |
