AT&T Knowledge Network Explorer Homepage KNE Search Page KNE Feedback Page

 

 

Beyond the Son of Filamentality graphic


Text Size, Style, and Font


Text Size:
You can change text size by using a "header" tag or a font size tag.

Header tags: There are 6 header tag sizes. When you use a header tag, you simply insert the text you want to change between the tags.

<H1>H1 size</H1>

<H2>insert</H2>

<H3>your</H3>

<H4>header text</H4>

<H5>here</H5>
<H6>!!!!</H6>
Note: A line break is always automatically inserted above and below a header (no matter what size). If you don't want a line break or want to fiddle more with sizes, try using the Font tag.


Setting your Own Font Sizes: There are many font sizes; however anything below 2 is rather difficult to read. Sizes will look slightly different based on the browser you use and the text style.

<FONT SIZE=7>...</FONT>

<FONT SIZE=6>...</FONT>

<FONT SIZE=5>whew, getting better!</FONT>

<FONT SIZE=4>Either this size, or</FONT>

<FONT SIZE=3>this size, are pretty much standard now.</FONT>

<FONT SIZE=2>This size can still be read pretty easily.</FONT>

<FONT SIZE=1>This size is nice for footers or the ever-present small print!</FONT>

Note: When you want the text to go back to your standard size you use a </FONT> . Tags can be upper or lower case. I personally prefer uppercase because it's easier for me to see within the code.

Text Styles
You can vary font styles somewhat. Font styles options are pretty much the same ones you'll find in word processing.

These Must be Used in Pairs (before and after the words).

<B>gives you Bold</B>

<I>gives you Italics</I>
<EM>Emphasis gives you bold italics</EM>

<CENTER>gives you text (or images) that is Centered</CENTER>

How Bold of You!

This really looks like: <CENTER><Font size=5><B> How Bold of You! </B></font></center>

 

Fonts
There are certain fonts which are built-in to most computers now and are considered standard fonts (Times, Arial, Verdana, Courier, ...). Thus, you have a choice of fonts which can be displayed in your web browser. Like text styles, it's not a good idea to put too many different fonts on a page; however, you can vary them enough to highlight important points or sections within a page. Some of these common fonts are listed below. You'll know if you have them on your computer because the font won't show up as being any different it you don't. Fonts are changed using the "face" tag and can be combined with the size tag.

<FONT FACE="ARIAL, HELVETICA, SANS-SERIF">This tag assures a non-serifed font.</FONT>
<FONT FACE="TIMES NEW ROMAN, TIMES, SERIF">This font is normally a browser default font and is a serif font.</FONT>
<FONT FACE="VERDANA, ARIAL, HELVETICA, SANS-SERIF">Verdana has gotten popular in the last couple of years.</FONT>
<FONT FACE="COURIER NEW, COURIER, MONO">Courier looks like a typewriter.</FONT>

 
First posted 1997.
Last modified Monday November 26, 2007

© 2008 Copyright AT&T Intellectual Property. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Intellectual Property. This site contains links to public sites whose content and language do not fall under the jurisdiction of AT&T. The views and opinions expressed at these sites are not those of AT&T. Please read our Disclaimer.