Editting the Font

If you haven't already, you might want to check out the Getting Started tutorial. I'll be using some terms from there, and it will help you understand how to put the following information to use.

This is what you'll want to use as the section titles to edit the main font for certain sites:

Myspace: font, body, table, td, div, br, a, p
Xanga: br, div, font, span, td, table.blogbody, table, table.left, .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, body, p
Websites: body

Those are the only sites I've done stylesheets for. If there is another one that you want added to the list, I'll find the code and add it.

Here are the different properties of the font you can change, and what you can change them to. Put these codes after the { after the section title:

font-family: xxx;

Replace the xxx with the name of the font you want to use. Only system fonts will show up on everyone's computers, so you'll want to stick with those. Some examples would be Arial, Georgia, Small Fonts, Tahoma, and Trebuchet MS.

font-size: xxx;

Replace the xxx with the size you want your font to be. The size could be written as #px or #pt. A nice, typical size that I and a lot of others use is 10px.

color: xxx;

Replace the xxx with the color you want your font to be. Hex codes are the best way to go. Click here for a list of web safe hex codes.

text-decoration: xxx;

Replace the xxx with either the word none or underline. Obviously if you put underline, the text will be underlined. None means it won't be. On websites you can also use overline and line-through.

text-transform: xxx;

Replace the xxx with the word uppercase, lowercase, capitalize, or none. What they do to the text is self-explanatory.

font-weight: xxx;

Replace the xxx with the word bold or normal. What they do to the text is self-explanatory, also. You can get fancier by setting it to lighter, bolder, or any multiple of 100 between 100 and 900.

Did you get completely confused? Here's what my code looks like. Yours won't look exactly the same, but you should be able to get the idea.

body {
font-family:Arial;
font-size: 10px;
color: #000000;
text-decoration:none;
text-transform:none;
font-weight: normal;}

These properties can be used all over the place: to edit links, headers, etc. You'll learn how to those things in another tutorial.