fonts are driving me nuts!

  • Thread starter Thread starter oscar
  • Start date Start date
O

oscar

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??

TIA.
 
Driver profile - would that be http://www.jetpro.co.nz/drivers.htm ?
If so, there is no Arial on the page.
CSS sets up Times New Roman, and font tags set up "Franklin Gothic
Demi", which will display as Times New Roman in browsers where
"Franklin Gothic Demi" is not installed.
 
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??
Click to expand...

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&nbsp;</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
 
Thank you... what caused this was primarily my lack of knowledge. But I
had pasted the text in there from word. I had suspected this was the
casue of the problem but was unsure how to check it. Thanks very much.
I will have a go at correcting it this evening.
 
Don't paste from Word. Copy from Word, then into Notepad (which will strip
all that junk out), then Copy from Notepad and Paste into FP. Or you can use
Paste Special from Word - that's usually pretty clean.


| Thank you... what caused this was primarily my lack of knowledge. But I
| had pasted the text in there from word. I had suspected this was the
| casue of the problem but was unsure how to check it. Thanks very much.
| I will have a go at correcting it this evening.
|
 
Back
Top