Hi folks,
http://www.jetpro.co.nz/profile_stoned.htm
I cant work out why the font in the driver profile section wont show as
arial? It is arial when I look at it in frontpage not when its uploaded
to the website. I have checked default fonts, cell and table settings,
cant see anything that would change it??
By their very nature, the thing that cascading style sheets do best is
cascade.
If you refer to a separate stylesheet, this is overridden by any
instructions in a stylesheet in the <head> section of the page.
Similarly, these instructions are overridden by inline styles.
Here's what we've got: in the <head> you have defined p tags as Times
New Roman.
Moving on down to the Driver Profile area we see this code:
====================================================
<tr>
<td width="450" height="153" style="font-family: Arial;
font-size: 10px">
<p class="MsoNormal" align="center" style="text-align:center">
<font face="Arial">
<span style="font-size:18.0pt;font-family:HandelGotDLig">
Driver Profile</span></font></p>
<p class="MsoNormal"><font face="Arial" size="2">
<span lang="EN-NZ" style="font-family: HandelGotDLig;
font-weight: 700">
Name </span></font></p>
<p class="MsoNormal"><font face="Arial" size="2">
<span lang="EN-NZ" style="font-family:HandelGotDLig">Dave
Stone </span></font></p>
<p class="MsoNormal"><font face="Arial" size="2">
====================================================
In the table cell <td...> you have specified Arial.
Immediately after this, you have <p class="MsoNormal"...> which the
browser will try to display as Times New Roman. The next line you have
tried to make it display Arial again. Who knows if the browser would
ever have succeeded because in the next line, the <span...> tag,
you've told it to use HandelGotDLig, which no users are going to have
on their systems. So the browser defaults to Times New Roman for the
"Driver Profile" header.
Down to the plain paragraph text. MsoNormal asks for Times New Roman,
immediately contradicted by the <font...> tag which presumably got
there when you tried to force it to display Arial by hook or by crook.
It doesn't really matter a great deal because along comes another
<span...> tag with HandelGotDLig!
And so it goes on.
I would specify header and paragraph text in the stylesheet in the
<head> section of the page, using Arial as the font-family.
Then I'd get rid of all that MsoNormal rubbish by copying the text
into a plain text editor and pasting it back into your page. You will
do away with all those inline styles and font tags. As it is, there is
too much extraneous garbage in the code.
fido
