WORKING WITH TEXT AND FONTS

originally contributed by: Schika

All text needs some headlines. The HTML standard has six different sizes of headlines definied - from <h1> to <h6>

<h1>headline 1</h1>

<h2>headline 2</h2>

<h3>headline 3</h3>

<h4>headline 4</h4>

<h5>headline 5</h5>

<h6>headline 6</h6>

The regular text-alignment on western computers goes from the left to the right. The alignment can be manualy changed on nearly each tag with: <TAG OF YOUR CHOICE + align="left | center | right | justify">aligned text</TAG OF YOUR CHOICE> example by using the <p> tag (paragraph): <p align="right">

right aligned text

</p> So you got herewith the paragraph <p> formating tag to get sections in your text. A simple linebreak can be made with the <br> tag. To change the weight of the text you can use <b>bold</b>, <i>inverse</i>, <u>underline</u>, <strike>strikeout text</strike> and you can combinate them all. example: <b><i>bold inverted text</i></b> With the tags <big>big</big> and <small>small</small> you can change the size of the words without editing the font tag. What's the font tag? in use of the font tag you can change everything related to the used type. Maybe you want that your text appears in a serif, mono type instead of a sans-serif font. You can even use a specific type like Frutiger, AvantGarde, Futura and so on. Verry important: The typeface you state here has to be installed on the page visitors computer to show up !!! Therefore you can state more font faces seperated with a comma. Better option is to state a font-family of your desired type. Also you can define the desired font size within the font tag. Correct values could be &plusmin;1 to &plusmin;7 (uses the predefinied browser settings on the basis of the size 3 = normal size) a size in Point (pt), Pixel (px) and em. HTML usage: <font face="avantgarde, avant-garde, futura, verdana, sans-serif" size="12pt"> text in a sans-serif type </font> CSS usage: <style type="text/css"><!--font {    font-family:avantgarde, avant-garde, futura, univers, sans-serif;    font-size:12pt;} --></style> The client browser looks in the system for AvantGarde first, if not found it's looking for the next font on the list (Futura) and so on. If no matching font face on the client computer could be found it will be shown a font face nearest to the stated font-family! in use of CSS you have more options to format your text: ? font-family: serif | sans-serif | cursive | fantasy | monospace ? font-style: italic | oblique | normal ? font-weight: bold | bolder | lighter | light ? font-variant: normal | small-caps ? font-stretch: wider | narrower | condensed | expanded | normal ? text-indent: SIZE ? line-height: SIZE There are 2 solutions to embed fonts on a webpage arround: TrueDoc from Bitstream and WEFT from Microsoft. Both products doesn't work on all browsers and platforms. The portable font resource (.pfr) TrueDoc technology is working with Netscape (only Netscape !!!) and the Web Embedding Fonts Tool (.eof) works only with Internet Explorer on Windows. Short Reference: headlines: <h1>biggest headline</h1> ... <h6>smallest headline</h6> paragraph: <p>text ... </p> line break: <br> alignment: left | center | right | justify bold: <b>bold text</b> inverse: <i>inverse text</i> underlined: <u>underlined text</u> strikeout: <strike>strikeout text</strike> big: <big>big text</big> small: <small>small</small> sublemented: _{_{sub text}} suplemented: <sup>^{sup text}<sup> font: <font face="courier, courier-new, mono" size="12pt"> text in 12pt mono type face </font>