| Tips, Tricks & Secrets ... Continued: Page 3 |
Special Fonts & Titles:
Safe Fonts:
Web pages are viewed on a variety of computers. Listed by OS in order of greatest market share: Windows, Macintosh, Linux and other. Each brand has a different font set loaded. Even amoung Windows OSs there is a wide variety of loaded fonts.
99% Safe Font List:
If these fonts are called by a web designer it is almost assured that they will be found. Helvetica (M), Arial (W), Times (M) or Times New Roman (W). Other popular Windows OS fonts are; Verdana & Comic Sans. Linux (Unix) computers typically have Helvetica and Times.
This page carries a type spec of "vedana, arial, helvetica or sans serif." Unless the surfer has manually turned of page fonts, the browser loads the fonts in order of the list, starting with first called font it finds. Using a type spec of "sans serif" or "serif" tells the browser program to load the un-named but face specified type of font if nothing else can be found.
88% Safe Font List:
The following 8 fonts are installed on most new PCs and MACs and are considered to be reasonablely 'safe'; Arial Black, Comic Sans, Courier New, Georgia, impact, Palatino, Trebuchet and Verdana.
If a special font just has to be used, the only safe choice is to create the text in a graphics program like Paint Shop Pro and save the title as a graphic file. In the HTML code call for that graphic to be loaded to the page. It is the only way to be sure the surfer sees just that special font as designed and no surprises in the way the page is displayed in the browser. (Yes, the Special Fonts title above is a graphic file.) Densmore; from RLPG free fonts..
Font Size:
Fonts can be set in HTML wtih the <font> command followed by the color, face and size. That might look something like this;
<font color="#5f5f5f" face="verdana, arial, helvetica, trebuchet ms, ms sans serif" size="2"><b><i>This is a HTML Font Call</i></b></font>
Using inline CSS the same call would be: <font style="font-size:12px" face="verdana, arial, helvetica, trebuchet ms, ms sans serif" color="#5f5f5f"><b><i>CSS Font Call<i><b></font>
Using CSS the web designer can (should) also spec the font size as a percentage. If the body text is 75% and the main headings are 200% it resizes the font display based on the web surfers "view text size" settings rather than the designers whim. This accomodates surfers with small monitor sizes or a visual disability. (Food for thought)
 | | If you are looking for a special 3D look to your fonts Click Here to try a great little FREE utility: |
Brower Incompatibilities:
So Many Browsers, So Little Compatibility:
The web designer works long hours to make a web site look just right. Then the call comes in from the client. The site looks terrible on Aunt Harriets 10 year old 16 color PC. Eveybody must hate the way the site looks. Didn't WC3 fix all this? Read on McDuff!
 :Back  More: 
Go Back
Support Privacy Acceptable Use About / Contact
Copyright 2002 H. R. Litman
All Rights Reserved
Looking For An Amazon.com Product?
| 
