Tutorials/Fonts and Colors

From WITTIE

Jump to:navigation, search

Fonts and   Colors


You can only change your font and font color using Wikicode.  To do this you must be in "Wikitext." In order to access the Wikitext code, simply click the "Wikitext" button at the upper-left corner of the rich editor window.

There are several different ways to change the color and size of the font.


One way to change the color is to use this template:
{{Color|red|This text will be red!}}

It looks like this: This text will be red!
Of course you can use other colors instead of red. Here's a list of the color names.



One way to change the size is to use this template:
{{FontSize|24|This text is very large}}

It looks like this: This text is very large
Of course you can use other sizes besides 24. This text is FontSize 8


You can also use a similar template to center text:
{{Center|This text appears in the center}}

It looks like this:
This text appears in the center


You can combine these templates as well:


{{Center|{{FontSize|24|{{Color|Darkgreen|This text combines all three!}}}}}}

It looks like this:
This text combines all three!

The disadvantage to this method is that the text that is formatted this way will look like a little yellow box with a T on it when you view it in the rich text editor. You will not be able to read that text while using that editor.



Here's another way to change color and font:

To change font type and color use this code:

<font color="#6600FF" face="LUCIDA" font size=4> Type your text here. </font>

It will look like this:
Type your text here.


To change the color: change the 6 digit code (the code above is 6600FF)

This website has a list of color codes: http://html-color-codes.com/

To change the font: change the name of the font (the font above is Lucia) Hint: not all fonts will work

To change the font size: change the number (the font size number above is 4)

Make sure you stop the font and color by closing it with: </font>


You can also change just the color of the font by using this code:

<span style="color: green"> Here is another paragraph. </span>

It will look like this:

Here is another paragraph.

To change the color: change the name of the color (example: red, blue, yellow, etc.)

Make sure you stop the color by closing it with: </span>


We suggest using normal black font for all of your text except for sidebars or other parts you might want to highlight. Don't just write your text in purple and green for fun. Our eyes would hurt!!


Fun Fonts:

Segoe Print

Papyrus

Navigation
Active Books
Tools
Toolbox