Font Help

From Acorn

The body font used for this wiki is Verdana, 11 pixels high. This may be changed, but it is a global change and affects the entire wiki, and is done on the server.

You may want to use a different font type, size and color for headlines, and you can control this with some html in your pages. Different operating systems (Windows and Mac) have different font sets, but the following are commonly found in both, and are safest to use in web pages. The samples are 18 pixels high.

Sans-Serif

Verdana, ABCDEFG abcdefg 1234567890

Arial, ABCDEFG abcdefg 1234567890

Arial Black, ABCDEFG abcdefg 1234567890

Serif

Times New Roman, ABCDEFG abcdefg 1234567890

Georgia, ABCDEFG abcdefg 1234567890

Monospaced

Courier New, ABCDEFG abcdefg 1234567890

Font color is specified in hexadecimal values. The URLs below will assist in selecting a color.

• Hexadecimal Color Values

• Color Scheme Generator

Here is how different code controls fonts, the code is inserted in the wiki using the Edit button:

Code:

<span style="font-family:verdana,sans-serif; font-size: 24px; color:#cb2146;line-height: 120%">This is Verdana 24 pixel, color cb2146</span>

Result:

This is Verdana 24 pixel, color cb2146

Code:

<span style="font-family:Arial Black,sans-serif; font-size: 36px; color: #009000;line-height: 120%">This Arial Black 36 pixel, color 009000</span>

Result:

This Arial Black 36 pixel, color 009000

Code:

<span style="font-family:Times New Roman,serif; font-size: 28px; color: #006bfa;line-height: 120%">This is Times New Roman 28 pixel, color 006bfa</span>

Result:

This is Times New Roman 28 pixel, color 006bfa

SPECIAL FORMATTING (Usually not needed)

Small text

<small>small text.</small> creates small text.

Big text

<big>big text.</big> creates big text

Strikeout

<strike>Strikeout.</strike> creates Strikeout.

Underlined

<u>Underlined.</u> creates underlined

SuperScript

^SuperScript creates ^SuperScript

SubScript

_SubScript creates _SubScript

References:

Changing font attributes

Safe Web Fonts