A certain font for entire page

I am currently using this to do an Arial font on the whole page (thanks to someone on here that told me)...<br />
<br />
<style type="text/css"> <br />
<!-- <br />
body {font-family:Arial, sans-serif} <br />
--> <br />
</style> <br />
<br />
But I saw a page with this font...<br />
<br />
<font face="Trebuchet MS" size="2"> <br />
<br />
...and I like the way it looks. I guess it would be okay if I changed it? (From a webmastering point... I assume my designating the font is okay with surfers.) So, how should I write that? Or is it "bad" to do this?<!--content-->If you are going to use it, just add it before your Arial and sans-serif fonts, that way those can be used as backups, for those who do not have the Trebuchet MS font installed:<br />
<br />
<style type="text/css"> <br />
body {<br />
font-family: Trebuchet MS, Arial, sans-serif;<br />
} <br />
</style><!--content--><style type="text/css"> <br />
<!-- <br />
body {font-family:trebuchet ms, Arial, sans-serif} <br />
--> <br />
</style><!--content-->It actually should be:<br />
<br />
<style type="text/css"><br />
<!--<br />
body { font-family: "Trebuchet MS", Arial, Sans-serif; }<br />
--><br />
</style><br />
<br />
When writing a multi-word value in a style definition, as Trebuchet MS is, you need to encase the value in quotation marks.<br />
<br />
You may even want to throw in the Helvetica font after the Arial font. Many Macs don't have Arial installed but have Helvetica.<br />
<br />
More info on CSS:<br />
<br />
<!-- m --><a class="postlink" href="http://www.w3schools.com/css/">http://www.w3schools.com/css/</a><!-- m --><!--content-->Ah yes, you are correct: <!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS2/fonts.html#font-family-prop">http://www.w3.org/TR/REC-CSS2/fonts.htm ... amily-prop</a><!-- m --> Thanks for pointing that out!<!--content-->
 
Back
Top