help me!!!, layout font Options

[l0veyd0vy]

so right now i'm making my layout and i can't figure out how to change the font i've tried in the little places that say "FONT" but it just doesn't seem to work can someone help me point it out??

i wanted the font ---->
*Baby Kuffy -OR- Cheri --- the date font
*Tuesday ---- the blog text

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><img src="http://img14.imgspot.com/u/05/222/21/livelovelaugh.jpg"><br /><!-- end code provided by createblog.com --><br /><br /><!-- begin code provided by createblog.com --><br /><div style="<br /><br />width: 450px;<br />height: 550px;<br />margin-top: 5px;<br />margin-left: 17px;"> <br /><!-- end code provided by createblog.com --><br /><br /><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops <br />/* width of the comment page */<br />{width:245px;}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer <br />{display: none;} <br /></style><br /><!-- end code provided by createblog.com --><br /><br /><br /><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />/*Live. Love. Laugh.*/<br />/*by BubblebunE Layout*/<br />body {<br />background-image:url(URL);<br />background-repeat: repeat-y-x;<br />background-color: #FCF5D2;<br />scrollbar-face-color: #FCD004;<br />scrollbar-shadow-color: #FEB962;<br />scrollbar-highlight-color: #FEB962;<br />scrollbar-3dlight-color: #F8EAAA;<br />scrollbar-darkshadow-color: #F8EAAA;<br />scrollbar-track-color: #F8EAAA;<br />scrollbar-arrow-color: #FEB962;<br />}<br /><br />#rblEprops, #pnlEnabled table, #pnlEprops table { <br />width: auto !important; <br />}<br /><br />table.blogbody {<br />width:450px;<br />font-family: Arial;<br />font-weight: none;<br />font-size: 10pt;<br />color: #FONT COLOR;<br />text-align: justify;<br />padding: 0px;<br />margin-top: 2px;<br />}<br />div.smalltext{<br />width: WIDTHpx;<br />padding: 3px;<br />text-align: left;<br />}<br />.caption, .blogheader {<br />width: 380px;<br />padding: 3px;<br />font-family: CHANGE FONT;<br />font-size: 16pt;<br />text-align: center;<br />color: #COLOR;<br />background-color: #COLOR;<br />text-transform: lowercaps;<br />margin-top: 10px;<br />}<br /><br />P, B, I, TD, TH <br />{font-family: FONT; color: #COLOR CODE OF FONT; font-size: 8pt; }<br />A:link, A:visited, A:active<br />{color:#COLOR CODE OF A LINK; text-decoration:none; font-size:8pt;}<br />a:hover<br />{text-decoration: underline; color:#COLOR; font-size: 8pt; );}<br />b, strong, i, u, {<br />/* edit colors when bold italic underline */<br />font-family: arial;<br />font-size: 8pt;<br />color: #000000;<br />font-weight: bold; <br />text-transform: lowercaps;<br /></style><br /><!-- end code provided by createblog.com --><br /><br /><br /><br /><br /><br /><!-- begin code provided by createblog.com --><br /><style type=text/css><br />/* remove regular modules */<br />texttable.left, td.mainleft, table.left, table.navigation, table.search{display:none}<br />table.blogbody tr td {width:0px; padding: 0px;}<br /><br />/* edit to your liking */<br />table.module { border: 1px solid #FEB962; width:180px; background-color:transparent; }<br />table.module th { background-color: #FFFFBF;font: bold 11px arial; text-transform: uppercase;color: #F8EAAA; border: 1px solid #FEB962; }<br />table.module td {color: #FEB962; text-align: left; border: none; background-image: none; }<br /></style><br /><br /><!-- add this below all the CSS --><br /><br /><table border=0 width="660"><tr><td valign="top" width="160"><br /><table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="center" class="module"><b>MamaTere</b></th></tr><tr><td valign="top" class="module"> <br /><center><img src="PROFILE PIC URL"></center><p><br /><br /><b>name:</b>tere<br><br /><b>about me:</b><img src="http://img14.imgspot.com/u/05/145/22/tinyheart.gif"><br /><br /></td></tr></table><br><br /><br /><br /><br /><!-- Here's your CUSTOM MODULE.. copy and paste as needed --><br /><table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="center" class="module"><b>Music</b></th></tr><tr><td valign="top" class="module"> <br /><br /><!-- begin code provided by createblog.com --><br /><object id="darkplayer" codeBase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" type="application/x-oleobject" height="0" standby="Loading Microsoft Windows Media Player components..." width="0" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"><br /><param NAME VALUE><br /><param NAME="ShowControls" VALUE="0"><br /><param NAME="ShowStatusBar" VALUE="0"><br /><param NAME="ShowDisplay" VALUE="0"><br /><param NAME="DefaultFrame" VALUE="Slide"><br /><param NAME="Autostart" VALUE="1"><br /><param NAME="Loop" VALUE="True"><br /></object><br /><form name="form"><br /><select name="playlist" size="1"><br /><br /><!-- Add song info here --><br /><option value="0">星光游乐园 - Twins</option><br /><br /><br /></select><br /><input TYPE="BUTTON" NAME="darkplay" VALUE="play" OnClick="play(document.forms['form'].playlist);"><br /></form><br /><br /><script language="JavaScript"><br /><!--<br />var playstate = 1;<br />shuffle = 1;  // Set to 0 to always play first song in list<br />              // Set to 1 to randomly choose the first song to play<br />songs=new Array();<br /><br />// Add song URLs here<br />songs[0]="http://www.dhmp3.com/music/002/8.Wma";<br /><br /><br />if (shuffle == 1) {<br />var randsg = Math.floor(Math.random()*songs.length);<br />document.darkplayer.FileName = songs[randsg];<br />document.darkplayer.scr = songs[randsg];<br />document.forms['form'].playlist.options[randsg].selected = true;<br />}<br />function play(list) {<br />if (playstate == 2) {<br />document.darkplayer.Play();<br />} else {<br />var snum = list.options[list.selectedIndex].value<br />document.darkplayer.FileName = songs[snum];<br />document.darkplayer.scr = songs[snum];<br />}<br />playstate = 1;<br />}<br />//--><br /> </script><br /><!-- end code provided by createblog.com --><br /><br /><br /><br /></td></tr></table><br><br /><br /></td><td width="500" valign="top" align="left"><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

PS. Do I have to have these fonts on my computer in order for these to work??

thank you!!!!