HTML Help

vrindamishra · Joined: 11 Oct 2009 Posts: 1

I am in search for html code generator website but didnt help for the font...
I want my whole page's font changed
www.humanpets.com
Thats the link to the site i use..its like social networking

So..i want my font style - Courier
And font size should be 20 or less..
and bold :)

sticks464 · Joined: 31 Dec 2006 Posts: 2311

Did you not know you had a stylesheet that could be edited?
stylesheet.css?25
Currently you have (extra styles removed)
Code: body{
font: 10pt "lucida grande", tahoma, verdana, arial, sans-serif;
}

div.autocomplete {
font-size:8pt;
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
}

body, td{
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
font-size:8pt;
}

a{
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
}

.fbbutton {
font-size:8pt;
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
}

.fbbuttonThick {
font-size:8pt;
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
}

textarea{
font-size:8pt;
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
}

select{
font-size:8pt;
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
}

.fbinputNormal{
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
font-size:11px;
}

.fbinput{
font-size:8pt;
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
}

.succ{
font-size:8pt;
}

.big{
font-size:14pt;
}

.medium{
font-size:12pt;
}

.boxMenu{
font-size:8pt;
}

.menuLink{
font-size:8pt;
}

.menuLinkHighlight{
font-size:8pt;
}

.submenuLink{
font-size:8pt;
}

.submenuLinkHighlight{
font-size:8pt;
}

.lightSmall{
font-size:8pt;
}

.small{
font-size:8pt;
}

.clickBoxS{
font-size:9px;
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
}

.clickBoxSNoBorder{
font-size:9px;
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
}

.clickBoxSHighlight{
font-size:9px;
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
}

.normal{
font-size:10pt;
}

.inputtext{
font-size:8pt;
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
}

.helpBanner{
font-size:9pt;
}

.fbheader {
font-size: 11px;
}

.fbheaderSide {
font-size: 11px;
}

.fbheaderSideClear {
font-size: 12pt;
}

.fbheaderBig {
font-size: 14px;
}

.fbbuttonBig {
font-size: 10pt;
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
}

.fbbuttonWhite {
font-size: 8pt;
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
}

.pollbutton {
font-size: 8pt;
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
}

.title{
font-size: 8pt;
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
}

pt (point) is for printed documents not web design. Should be either px (pixels) or em (pronounced "m"). IE does not like em's so I would stick with px.

Typically the base font and size are set in the body style rule and only elements that require a different size or font is set in their individual style rule (much like what is done now).

To change to a Courier font, use
Code: body{
font: 12px "Courier New", Courier, monospace;
}

Then edit each individual elements style by deleting the font-family and/or size and resetting the font-size if desired. All elements will inherit the font-family and size from the body style unless individually changed.

If you want to set line-height for the entire page it can also be done in the body style
Code: body{
font: 12px/1.5 "Courier New", Courier, monospace;
}