Help:Wiki University Wikitext--Changing Fonts





<< Previous Chapter Next Chapter >>

The font you see on this page and all other pages in the Wiki is the default font. However, you can change the font if necessary.

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.
 * Using our paragraph tags, we add the following inline style code between the p and the > in the opening paragraph tag:
 * PLEASE NOTE: As can see, the new times roman font appears to look smaller even though the capitol letters are the same size as the default font. Keep that in mind if you are considering changing fonts.

Enlarging fonts
Normal size of the default font is about 14 pixels. Let's say we want to enlarge the font to say 16 pixels. To make the font larger you insert the attribute font-size: 16px in the paragraph tag coding:   Here is the paragraph with the enlarged font:

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.

Other ways to enlarge fonts
In addition to using fixed amounts such as pixels, you can use another attribute: "EM" instead of Pixels.
 * One "em" is the default size of the font on a page.
 * If you want to double the size of a your font, you will use "2em" and it will be twice as big as the default text.

Try these out
 Exercises
 * Enlarge the lorem ipsum paragraph to 20px.
 * Change the font to "New Times Roman".

Check your answers

 Quick Quiz
 * You can add the "font-size" attribute before the = sign?
 * A. True
 * B. False


 * Quotation marks are only needed at the beginning of the inline style code.
 * A. True
 * B. False

Check your answers

<< Previous Chapter Next Chapter >>