howto_user
in
howto
Change the Size, Color, and Font of Certain Words (Using Font and Span)
This tutorial explains how to change the way some of your text appears. For example, you might want to make one word in an entry red. If you wish to change the way your whole journal's text looks (and not just specific words), you should follow the directions in FAQ 12: How do I change the font in my journal?.
There are two different HTML tags that will change the look of text: and . There are advantages and disadvantages to using either, so it's up to you which one you choose. This tutorial will explain both tags.
Advantages
1. It can be used to change the text in your user info bio (you can edit your bio here), as well as the text in your journal entries.
2. For novice HTML users, it is easier to use and more intuitive than .
Disadvantages
1. It is deprecated, which means that it might not work correctly in future browsers (though it is supported in all current browsers). It is not XHTML compliant.
Advantages
1. It is not deprecated, which means that it will be supported by browsers for a longer period of time than will be. It is XHTML compliant.
Disadvantages
1. It cannot be used to change the text in your user info bio, although it can be used to change the text in your journal entries.
2. For novice HTML users, it is harder to use and less intuitive than .
Using
Size
To change the size of word(s), use the following format:
size of text">Your text goes here.
You should replace size of text with the size that you want to use. The number can be any whole number from 1 through 7. Alternatively, you can put "+" or "-" before the number to indicate that you want the size to be one size larger or smaller (respectively) than the current/default font of the page.
Color
To change the color of word(s), use the following format:
hexadecimal color code">Your text goes here.
You should replace hexadecimal color code with a hexadecimal color code that corresponds to the color that you want. For a list of some color codes that you can use, please see this chart.
Font
To change the font of word(s), use the following format:
font name">Your text goes here.
You should replace font name with the name of the font that you want to use (for example, sans-serif). If you wish, you can use a list of different fonts instead of just one (separate each font with a comma). If you do this, the browser will display the first font in the list that the viewer's computer has installed.
Combination
You can use any combination of the above attributes in one tag. For example, the following code would give you text with a size of 4, a color of blue, and a font of comic sans ms:
Your text goes here.
Here is what the above code would produce:
Your text goes here.
Using
Size
To change the size of word(s), use the following format:
size of textpt;">Your text goes here.
You should replace size of text with the size that you want to use. The number can be 1 or higher (in whole number increments). Please keep in mind that the size you use with does not correspond to the same size with . In this example, we are using "pt" (which stands for "point"). A normal size font is around 12pt.
Color
To change the color of word(s), use the following format:
hexadecimal color code;">Your text goes here.
You should replace hexadecimal color code with a hexadecimal color code that corresponds to the color that you want. For a list of some color codes that you can use, please see this chart.
Font
To change the font of word(s), use the following format:
font name;">Your text goes here.
You should replace font name with the name of the font that you want to use (for example, sans-serif). If you wish, you can use a list of different fonts instead of just one (separate each font with a comma). If you do this, the browser will display the first font in the list that the viewer's computer has installed.
Combination
You can use any combination of the above attributes in one tag. For example, the following code would give you text with a size of 16pt, a color of green, and a font of trebuchet ms:
Your text goes here.
Here is what the above code would produce:
Your text goes here.
There are other text effects that you can create with the tag. To see some of them, please read this tutorial.
contributed by janinedog
There are two different HTML tags that will change the look of text: and . There are advantages and disadvantages to using either, so it's up to you which one you choose. This tutorial will explain both tags.
Advantages
1. It can be used to change the text in your user info bio (you can edit your bio here), as well as the text in your journal entries.
2. For novice HTML users, it is easier to use and more intuitive than .
Disadvantages
1. It is deprecated, which means that it might not work correctly in future browsers (though it is supported in all current browsers). It is not XHTML compliant.
Advantages
1. It is not deprecated, which means that it will be supported by browsers for a longer period of time than will be. It is XHTML compliant.
Disadvantages
1. It cannot be used to change the text in your user info bio, although it can be used to change the text in your journal entries.
2. For novice HTML users, it is harder to use and less intuitive than .
Using
Size
To change the size of word(s), use the following format:
size of text">Your text goes here.
You should replace size of text with the size that you want to use. The number can be any whole number from 1 through 7. Alternatively, you can put "+" or "-" before the number to indicate that you want the size to be one size larger or smaller (respectively) than the current/default font of the page.
Color
To change the color of word(s), use the following format:
hexadecimal color code">Your text goes here.
You should replace hexadecimal color code with a hexadecimal color code that corresponds to the color that you want. For a list of some color codes that you can use, please see this chart.
Font
To change the font of word(s), use the following format:
font name">Your text goes here.
You should replace font name with the name of the font that you want to use (for example, sans-serif). If you wish, you can use a list of different fonts instead of just one (separate each font with a comma). If you do this, the browser will display the first font in the list that the viewer's computer has installed.
Combination
You can use any combination of the above attributes in one tag. For example, the following code would give you text with a size of 4, a color of blue, and a font of comic sans ms:
Your text goes here.
Here is what the above code would produce:
Your text goes here.
Using
Size
To change the size of word(s), use the following format:
size of textpt;">Your text goes here.
You should replace size of text with the size that you want to use. The number can be 1 or higher (in whole number increments). Please keep in mind that the size you use with does not correspond to the same size with . In this example, we are using "pt" (which stands for "point"). A normal size font is around 12pt.
Color
To change the color of word(s), use the following format:
hexadecimal color code;">Your text goes here.
You should replace hexadecimal color code with a hexadecimal color code that corresponds to the color that you want. For a list of some color codes that you can use, please see this chart.
Font
To change the font of word(s), use the following format:
font name;">Your text goes here.
You should replace font name with the name of the font that you want to use (for example, sans-serif). If you wish, you can use a list of different fonts instead of just one (separate each font with a comma). If you do this, the browser will display the first font in the list that the viewer's computer has installed.
Combination
You can use any combination of the above attributes in one tag. For example, the following code would give you text with a size of 16pt, a color of green, and a font of trebuchet ms:
Your text goes here.
Here is what the above code would produce:
Your text goes here.
There are other text effects that you can create with the tag. To see some of them, please read this tutorial.
contributed by janinedog