Help:Wiki University Wikitext--Changing Fonts

The font you see on this page is the default font; however, you can change the font if necessary. Here is where the  tag comes into play.

The  tag allows you to change the font between the opening   tag and the closing   tag using the "inline styling" codes covered in the previous lesson.

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 add the following inline style code between the p and the > in the opening paragraph tag:

Enlarging fonts
Normal size of the default font is about 12 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, two other attributes are available for use: EM and VW. Neither is yet approved by the Wiki Governance Council for general use in Wiki.
 * EM - "em" deals with the ratio in size relating to the default text;
 * One em is the default size of the font on a page.
 * If you want to double the size of a header, you will use "2em" and it will be twice as big as the default text.


 * VW - "vw" this attribute sizes the font to the size of the screen that is viewing your page.
 * One "vw" is roughly one percent of the width of the screen you are viewing. So if you are viewing font on a PC, the font will be larger than if you are on a smart phone.
 * If you want to double the size of a header, you will use "2vw."
 * VWs also is ideal for spacing such as padding and margins.
 * As the page expands or shrinks, the text and spacing will expand or shrink too.
 * Because of the various sizes of screens that are now viewing the Wiki, (ultra wide monitors to the small screen of a smart phone), we recommend that you use "VWs instead of fixed amounts such as pixels to size your fonts.
 * You will have to experiment a little with "vw" until you get use to how it affects the font and spacing on your screen.
 * Be sure to look at other devices to see how your edits look.
 * You can also use decimals for VWs such as "font-size:0.25vw."

Enlarging Headers

 * Not only can you enlarge the font in paragraphs, but you can enlarge the font in the headers as well.
 * However you will need to change the equal signs to tags.
 * We will go from this ==Header Two== to Header Two

  Enlarging Headers

Try these out
 Exercises
 * Enlarge the lorem ipsum paragraph to 20px.
 * Enlarge a header to 36px.

Check your answers

 Quick Quiz
 * You cannot enlarge headers?
 * A. True
 * B. False


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

Check your answers