CSS Font Style Code Help?

Question

Hi all, I've finished my webpage but just realized I want to change the font style I currently have on it. I currently have this on my CSS;

font-family: arial, Helvetica, sans-serif;


How do I change the font? Anything will do, just something different. Any suggestions would be great. I dont just want font style answers, I need to know the exact code to put in because everything I've tried wont work.

Many thanks!

Answer 1

These are the fonts that are most compatible for the web:

Arial

Arial Black

Comic Sans MS

Courier

Georgia

Helvetica

Impact

Tahoma

Times New Roman

Trebuchet MS

Verdana

Sans-serif



If the font name is longer than one word then you need to put quotes around it. It is generally best to have at least two in your list to account for different viewers pcs'/macs and web browsers as they dont all have the same default fonts built in.

font-family:"Comic Sans MS", Helvetica, Arial;

would be my recommendation if you are looking for a friendly consumer oriented text. For a more business site maybe put the Helvetica first in your current list.

Answer 2

font-family does a search of the clients PC till it finds the a font that matches

in other words, it'll search for arial use this if it's found,

if not found search for helvetica use this if found,

if not found default to browsers specified sans-serif font.



to change what it displays u must insert b4 or replace the arial font an is also case sensitive

Answer 3

A bit of example code below:

h3=Heading level 3, h2=heading level 2 and p=Paragraphs

I've used the 'em' measure, experiment but stay around .70 - 1.25 or it gets big.

The 'font-weight' lets you use bold text and 'color' (note US spelling) the font colour.

'padding-bottom' puts a bit of white space under the text.



h3 {font-family: Arial, Helvetica, sans-serif; font-size:0.75em; color:#800080; padding-top: 6px; padding-bottom: 6px;}

h4 {font-family: Arial, Helvetica, sans-serif; font-size:0.75em; font-weight:bold; padding: 0;}

p {line-height:1.5em; font-size:0.75em; padding-bottom:6px;}

Answer 4

i'm unsure precisely what font-length might equivalent length=2, yet fairly you may in simple terms play around and spot what you like, and what's maximum legible to your customers. for many pages that I code, i exploit 12px. between 11-14px is many times sturdy.