Manipulate Text: Choosing Fonts

XHTML

Display Picture Make Text Link Make Image Link Basic Text Attributes Make a List Easy Back Button HEX Colours

CSS

Font/Colour Attributes Roll Over-text Roll Over-image Borders Float Margins Padding Backgrounds

Other Useful Tips

Manipulate Text: Choosing Fonts

An important aspect of your website is the font. To edit your font, you’ll probably want the <body> to be the selector, unless you want a certain division to have a different font, it’s up to you. You should set it up like this:

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
}

What this means is the first font choice will be Verdana, if the user doesn’t have Verdana, the font will be Arial, if not Arial it will be Helvetica, etc. This is a standard set of fonts that works for most people, but you can have any fonts you want, in whatever order you want. The real important factor here is to choose a set of fonts that are easy to read.

That concludes this section. This section doesn’t even show you half the things you can do to effect text, this section was to show you how basic CSS works. To find out many different ways you can manipulate your text, you can see a list of properties and values that you can simply add to your Style Rules, experiment, combine, go to the List of Fonts, colours and attributes.

<<PREVIOUS |