HTML - Getting A Font Added To Html

Hello,

When I try to set a font in HTML it works, but if I set a rule in my CSS to set the same font, it doesn't. Here are the three things I do (not at the same time of course):

<font face="Verdana, Tahoma, Arial, Helvetica">
...
...
...
</font>


vs


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


or even...


body {
font: Verdana, Tahoma, Arial, Helvetica;
}



Out of all of those, only the first can change the font in my browser...is this a CSS issue because, somehow, the browser has superiority over CSS, and HTML has superiority over the browser?

I would appreciate input.
Thanks.

Can anyone help me figure our why the side menu is missing when I added HTML code. If I take the code away, the side menus appear. Thanks!
Here is the page http://www.tedskitchen.com/Side/Cate...r/Lo_Mein.html

Code:

<div id="container">
<div id="indexHtml1" style="position:absolute;left:430px;top:200px;width:700px;z-index:80">
<div xmlns:v="http://rdf.data-vocabulary.org/#" typeof="v:Recipe">
   <font face="Arial" font size="1" color="#8B000">
   <h1 property="v:name">Chicken Lo Mein</h1></font><br><br><br>
<img src="/images/Lo_Mein2.jpg" style="position:absolute;top:80%;left:1%;margin:-83px 0px 0px -200px;" rel="v:photo" width="130" height="110" right="300"color="#8B000"/>  


<font face="Arial" font size="1px">
<div style="position:absolute;left:1px;top:38px;width:700px;z-index:60;>

<span property="v:summary">Boiled Chinese noodles, in a tangy sauce,</span><br/>
   <span property="v:summary">stri fried with Chinese vegetable.</span><br/><br/><br/>
<br/>
<br/>
<font face="Arial" font size="3px">
<div style="position:absolute;right:195px;width:700px;top:90;z-index:60>
By: <span property="v:author">Photo by: Suat Eman</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
     <span rel="v:Review">
      <span typeof="v:Review-aggregate">
         <span rel="v:rating">
            <span typeof="v:Rating">
               <span property="v:average">4.0</span> stars based on 
               <span property="v:count">35</span> reviews
            </span>
         </span>
      </span>
   </span> 
<br/>
<br/>
<font face="Arial" font size="2px">
<div right:200px;width:700px;z-index:60;>
 Prep time: <span property="v:prepTime" content="PT30M">30 min</span>&nbsp;&nbsp;
   Cook time: <span property="v:cookTime" content="PT1H">30 min</span>&nbsp;&nbsp;
   Total time: <span property="v:totalTime" content="PT1H30M">30 min</span>&nbsp;&nbsp;
   Servings: <span property="v:yield">6</span><br/> 

<br/>
<br/>
<br/>

<font face="Arial" font size="3px">
    <span rel="v:ingredient">
      <span typeof="v:Ingredient"> 
         <span property="v:amount">1/2 lb</span>:   
         <span property="v:name">Chinese noodles</span>
<br/> 
         <span property="v:amount">1/2 lb</span>:   
         <span property="v:name">Cooked chicken (chunked), shrimp or pork</span>  
<br/>   
         <span property="v:amount">1 bunch</span>:   
         <span property="v:name">fresh green scallions</span>     
<br/>   
         <span property="v:amount">1 knob</span>:   
         <span property="v:name"> fresh ginger</span>
<br/> 
         <span property="v:amount">3-4</span>:   
         <span property="v:name">cloves garlic</span>  
<br/>   
         <span property="v:amount">1 lb</span>:   
         <span property="v:name">bean sprouts</span>     
<br/>   
         <span property="v:amount">1/2 cup</span>:   
         <span property="v:name">pea pods</span>
<br/> 
         <span property="v:amount">1/2 cup</span>:   
         <span property="v:name">shredded Chinese cabbage</span>  
<br/>   
         <span property="v:amount">2 1/2 tablespoons</span>:   
         <span property="v:name">soy sauce</span>     
<br/>   
         <span property="v:amount">2 1/2 tablespoons</span>:   
         <span property="v:name">hosin sauce</span>
<br/> 
         <span property="v:amount">1 teaspoon</span>:   
         <span property="v:name">cornstarch</span>  
<br/>   
         <span property="v:amount">1/4 tablespoons</span>:   
         <span property="v:name">sea salt</span>     
<br/>   
         <span property="v:amount">3 tablespoons</span>:   
         <span property="v:name">peanut oil</span>
<br/>   
         <span property="v:amount">1 tablespoon</span>:   
         <span property="v:name">dry sherry</span>
     </span>
  
<br/> 
<br/> 
<br/>
<br/>
   <div property="v:instructions">
   1. Boil noodles according to package directions; rinse briefly under cold<br/>
        water and drain set aside.<br/> 
   2.Slice scallions lengthwise then into 1 inch longs pieces.<br/> 
       Wash and peel ginger, then grate using a fine grater.<br/> 
       Peel and finely mince garlic. Wash bean sprouts well in cold running water.<br/>  
   3.In a small bowl, combine soy and oyster sauce, salt and cornstarch.<br/>  
   4.Heat peanut oil in a large wok or skillet until sizzling hot.<br/>
       Add pork, onion and ginger, stirring constantly for 1 minute.<br/> 
       Add garlic, and sherry; stir in bean sprouts<br/>
      (and other vegetables and shrimp, if using) and soy sauce mixture.<br/>  
   5.Quickly stir in noodles and stir fry for 3 minutes<br/> 

</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

hey. i'm sort of fairly okay with HTML because of the myspace days but i can't figure this out for the life of me. i am trying to change a title font on a tumblr and i found where it needs to be changed, i changed the font.. and it's not working? it's still the same font as before.

this is the coding that i changed.

.title{color:#fe9abd;
font-family:'Leckerli One', cursive;
font-size:30px;
line-height:14px;
letter-spacing:2px;
font-weight:normal;
text-align:center;}

so the font should be 'Leckerli One', cursive. yet it still looks like this. (this hi goodmorning part)


am i doing something wrong??

I am trying to make a generic html page. This page is going to switch between two htm files. For some reason I cannot get the font to increase. I need it to be about 125font size in word. Here is what I have:

span class="fontsize100"><Font Color=red>test</font></span>

I assume this is incorrect?

Hi all,

First time here.
May be this is easy for all but I am writing this after experiencing a lot of frustration trying to write a very simple html file that uses regional font.

I am on windows-xp. A font called Mangal which comes with the o/s itself is in question.
All I want to do is show some text in this font (which is an Indian font, basically) on the browser.
Here is my html :

HTML Code:

<html>
<head>
</head>
<body>
<font face="Mangal">Hello There...</font>
</html>

I opened this html in firefox and IE and in both the text appeared in English and not in Hindi; which it is expected to be in. I changed the char set to UTF-8 (in both) and tried but didn't work.

After doing several google searches I discovered I need something called as eot file.
So I downloaded the s/w WEFT from MS and installed and created eot file as described in online tutorials. The s/w did change my above file to :
HTML Code:

<html>
<head>
<STYLE TYPE="text/css">^M
<!-- /* $WEFT -- Created by: prasi () on 8/7/2009 -- */^
  @font-face {^M
    font-family: Times New Roman;^M
    font-style:  normal;^M
    font-weight: normal;^M
    src: url(TIMESNE0.eot);^M
  }^M
  @font-face {^M
    font-family: Mangal;^M
    font-style:  normal;^M
    font-weight: normal;^M
    src: url(MANGAL0.eot);^M
  }^M
-->^M
</STYLE>^M
</head>
<body>
<font face="Mangal">Hello There..</font>
</html>

But still the text appeared in English itself.

I tried adding each of the following to my html document:

HTML Code:

<!-- inside head : >
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=x-user-defined">
<!-- On top of html doc>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

And tried to open the file in IE / Firefox but it didn't work. The text appears in English itself.
Everytime I made changes I tried changing the charset from default to utf-8 to user-defined but the text still remained in English.

I tried typing text using Mangal font in notepad / openoffice but it didn't work. Earlier only rectangles appeared. After addition of support for complex script (Control panel -> regional settings -> languages), I am seeing text typed in notepad with Mangal font appearing in English.
But still I don't see Hindi text getting typed in Notepad / openoffice-writer and most importantly not in the browser with my html

So I'll be most obliged and happy if some one could help me out with basic steps towards writing html document which uses non-english font. To be specific Mangal.

Thanks in anticipation.