OutFront Forums
     Home    Register     Search      Help      Login    

Follow Us
On Facebook
On Twitter
RSS
Via Email

Recent Posts
Todays Posts
Most Active posts
Posts since last visit
My Recent Posts
Mark posts read

Sponsors
Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.
Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.
Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

 

Why does site not display everything in Arial?

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets and Accessibility >> Why does site not display everything in Arial?
Page: [1]
 
Peter

 

Posts: 215
From: Edinburgh
Status: offline

 
Why does site not display everything in Arial? - 11/16/2008 9:18:55   
I'm new to using CSS in Expression Web. I built my web site in Front Page and used FPSE styles to ensure that all the font displayed as Arial. Now, I'm using CSS but some of the font is displaying as Times New Roman, both when I edit the page in Expression Web and when I view it on the Internet. e.g. Look at the black text on this page:

www.edinphoto.org.uk/1_edin/1_edinburgh_history_-_recollections_gorgie.htm

WHAT I DID:

1 I set up a style sheet to ensure that each of these would display as Arial: font, a, a_active, a_hover_, a_link and a_visited. (I don't use Heading,1, 2, 3 ..)
Is that what I should have done?

2. I attached the style sheet to all pages on the site. I attached it as a link (not an import).
Is that what I should have done?

THE RESULT:

3. Most, but not all the text displays as Arial. See example above.

4. In Expression Web, when I click on the text that is displaying as Times New Roman the menu bar describes this text as 'Default Font' and 'Default Size'.
What's going wrong?

5. Since I set up CSS in Exression Web, a couple of weeks ago, I've gone back to updating the web site in Front Page most of the time (because I found Expression Web to be very slow). Might this have caused a problem, and if so, how can I solve it?

Is there anything else you need me to tell you?

I look forward to any advice you have, because I can't work out what to do next.

- Peter
Tailslide

 

Posts: 6692
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

 
RE: Why does site not display everything in Arial? - 11/16/2008 9:46:06   
Hi

You've got a bit of a mish-mash there with loads of old school font tags mixed in with some css.

The problem is that you need to declare the font rule on the body element (or on the main containing element) which you haven't done.

You've got this:

font {
	font-family: Arial;
}


Which is incorrect - there's no html element "font" - there is an attribute which can be applied to elements.

You need this in your stylesheet:

body {font-family: Arial, sans-serif;}


That will ensure that the whole site will displayed with Arial or the backup sans-serif font whatever that might be. Without that, unless you declare a font on every element (which is ridiculous) you'll get the default font appearing which on most PCs is Times New Roman.

Also - your stylesheet appears to have the plus sign in it a couple of times. I'd be wary of that. Personally I'd only have letters, numbers or hyphens and underscores in any file name as some browsers are a bit funny about that.



_____________________________

Little Blue Plane Web Design | Land Rover project

:)

(in reply to Peter)
Peter

 

Posts: 215
From: Edinburgh
Status: offline

 
RE: Why does site not display everything in Arial? - 11/16/2008 10:19:34   
Hi Tailslide:

Thanks for your quick reply. That's very helpful.

I'll take your advice and change both te name of the style sheet (removing the '+' signs) and the content (as you suggest).

I'll start by changing the content then probably make the change to the name overnight tonight if all goes well.

I've just made this change to the content. I hope that's OK. If not, I'll have to change it again.



body {
background-image: url('0_B/0_background_for_theme_brighter.jpg');
}
body {
font-family: Arial, sans-serif;
}
a {
font-family: Arial, sans-serif;

}
a:active {
font-family: Arial, sans-serif;
text-decoration: underline;
}
a:hover {
font-family: Arial, sans-serif;
text-decoration: underline;
}
a:link {
font-family: Arial, sans-serif;
text-decoration: underline;
}
a:visited {
font-family: Arial, sans-serif;
text-decoration: underline;
}


I made the change above a couple of minutes ago, but it could be two or three hours before I see whether it has worked or not because the site has about 17,000 pages! I'll let you know what it looks like once Expression Web come back to life again.

- Peter

(in reply to Tailslide)
Peter

 

Posts: 215
From: Edinburgh
Status: offline

 
RE: Why does site not display everything in Arial? - 11/16/2008 10:40:59   
Success!

In fact, it took Expression Web about fifteen minutes to make the change to the css page, so I've now been able to see the result, both when I view he pages in Expression Web or Front Page and when I view them on the Internet.

It worked.

I still have a little tidying up to do for fonts on a few individual pages, when I can find time to do that, but the main thing is that the default font is now working as I wanted, so the whole site is looking tidier again now.

I'll make the change to the name of the css page, overnight tonight.

Thanks for your help. I appreciate it.

- Peter

(in reply to Peter)
Tailslide

 

Posts: 6692
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

 
RE: Why does site not display everything in Arial? - 11/16/2008 10:58:18   
Excellent! So that you know, you only have to declare the rule once if you put it on the body element like that - everything within it will follow that rule unless you overrule it later on.

_____________________________

Little Blue Plane Web Design | Land Rover project

:)

(in reply to Peter)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets and Accessibility >> Why does site not display everything in Arial?
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts