Help:Wiki University Wikitext--Font Colors

The font you see on this page is the default font. However, you change the font in various ways. Here is where the  tag comes into play.

Using the  allows you to change the material between the   and   using coding referred to as "inline style."

Changing fonts
. We will change the default font to "times new roman" text: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce elementum efficitur faucibus. Curabitur eleifend quis ligula ac ullamcorper. Curabitur eget suscipit turpis.
 * To change the font, we take the paragraph tag and add the following inline style code between the p and the > like so:
 * "Times new roman" font is a popular font used in books and magazines. You can however, use any font you want.  If you would like other fonts to select from, check your word processing program.  It will have a list of fonts, most, if not all, you can use.

Inline styling
Lets look closely at the inline style code and break it down into pieces. Study the coding again and impress it in your minds. You will be using it over and over again. The number of inline styles you can put into a tag is unlimited. 
 * 1) Space after the p.
 * 2) Next the word "style"
 * 3) Followed by an equal sign =.
 * 4) Then a quotation mark ".
 * 5) The item to be changed or property . In this case "font-family."
 * 6) A colon :.
 * 7) What change you want to the to the value . In this case change font to "times new roman."
 * 8) Add another quotation mark ". You cannot leave out any of the quotation marks.  The coding will not process if any of them are missing.

Enlarging fonts
. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce elementum efficitur faucibus. Curabitur eleifend quis ligula ac ullamcorper. Curabitur eget suscipit turpis.
 * You notice in the above example that the font is rather small. Lets say we want the font to be 14 points in size. To make the font larger you insert the property:value "font-size:14pt; " in the paragraph tag coding like so:

Change font color
Sometimes you may want a different color for the font for emphasis: This is the property:value code for that: .  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce elementum efficitur faucibus. Curabitur eleifend quis ligula ac ullamcorper. Curabitur eget suscipit turpis.
 * The "named" color selection is limited to 256 colors.  You have increase your selections with other coding options.  See the list of names you can use here.

More than one style change
What if we want to change the font, the size of the font and the color of the font at the same time? Just put the individual codes together separated by a semi-colon like so:  This is what our paragraph will look like: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce elementum efficitur faucibus. Curabitur eleifend quis ligula ac ullamcorper. Curabitur eget suscipit turpis.
 * Notice the semi-colon that separates the attributes.

Bold font
To make text bold, flank the word or words with three apostrophes like so: Bold text. It will look like this: Bold text

Italized font
To make text italic, flank the words with two apostrophes like so: Italic text. It will look like this: Italic text

 Exercises
 * 1) Show the coding for changing font in a paragraph.
 * 2) Show the coding for changing the size of the font.
 * 3) Show the coding for changing the color of the font.
 * 4) Show the coding for all three changes at once.
 * 5) Show the coding for changing a word in the paragraph to bold.
 * 6) Show the coding for changing word to italic.

Check your answers >

 Quick Quiz
 * What symbol do you use to separate inline styles?
 * A. Comma
 * B. Colon
 * C. Semi-colon
 * D. None of the above


 * How many colors can you chose from for your font?
 * A. 768
 * B. 256
 * C. 512
 * D. All of the above


 * How many inline styles can you put in the paragraph tag?
 * A. No more than 5
 * B. No more than 8
 * C. No more than 20
 * D. None of the above

Check your answers >