HTML Tips // Font

The basic tag for font is simply <font> text here </font>. This tag, of course, goes within the body tags and it can be used for a good variety of things.

Changing Font Family:

If you don't like writing in Times New Roman, then you should change the font family. To do this use the tag <font face="name of style here"> text </font>.

For example, if you want to write in verdana the tag is <font face="verdana"> text here </font>. It would look like this:

Verdana

This can be done with a variety of fonts just by changing the name of the font in the tag. For example:

Arial
Comic Sans
Georgia
Chiller

Changing Font Size:

There are several ways to do this. The best, more universal way is to use the <font size="+number"> tag. This adjusts well for whatever the main screen value for text size is, so that is the one we'll focus on here.

For example, if you want text a little bigger use, for example,  <font size=+3>text</font>.

Font +3

Font +2

Font +1

Changing Font Color:

The tag to do this is simply <font color="color">text</font>. For colors, some sites might accept using the color name, but that's mostly limited. It's better if you use the color value instead. A list of these can be found here.

For example, to make my font a certain shade of blue I might use the tag <font color="#0000FF">text</font>. That would look like this:

#0000FF

The same can be used for a variety of other colors as well, such as:
#336600
#FF0000
#9900CC

Changing Font Attributes:

Bold:

To bold text, the tag is simply <b>text<b> or <strong>text</strong>.

It looks like this.

Italics:

To italicize text, the tag is simply <i>text</i> or <em>text</em>.

It looks like this.

Underline:

To underline text, the tag is simply <u>text</u>.

It looks like this.

Strikethrough:

For a line through your text, though not generally practical, the tag is simply <del>text</del>.

 

 

Note: Gather does not support the strikethrough codes.

Subscript:

For subscript, the tag is simply _text.

It looks like _this.

Superscript:

For superscript, the tag is simply ^text.

It looks like ^this.