Solved

What is the best way to control font size and style using IE 6 & 7?

Posted on 2008-06-12
7
204 Views
Last Modified: 2013-12-08
font-size: .9em , .875 em, etc. doesn't seem to have any affect on IE 6,7. I've heard of bad results coming from using small, x-small, etc. or smaller, larger.

What is best way to control size & font family that will work on all browsers, especially IE 6 & 7?
0
Comment
Question by:ctangent
7 Comments
 
LVL 1

Assisted Solution

by:hpz937
hpz937 earned 50 total points
ID: 21771630
personally I use point sizes on my website, font-size: 6pt;
0
 
LVL 50

Expert Comment

by:jcimarron
ID: 21771696
ctangent--Font style should be controlled by clicking IE Tools|Internet Options|General tab|Fonts.
Text Size is controlled by IE View|Text Size.  (But only in steps labelled Largest, Smallest, etc.)
You can also Zoom.  You should have that option in IE7 at the bottom right corner of the Status Bar.
Note that sometimes the developer of the webpage sets the font size and type.  You can sometimes override by following these instructions from IE Help
"To override website font and color settings
If you want to have the fonts and colors you specify in Internet Explorer to be used for all websites, regardless of the fonts that have been set by the website designer, follow these steps.

In Internet Explorer, click the Tools button, and then click Internet Options.
On the General tab, click Accessibility.
Select the Ignore colors specified on webpages, Ignore font styles specified on webpages, and Ignore font sizes/types specified on webpages check boxes, and then click OK twice.
0
 
LVL 50

Expert Comment

by:jcimarron
ID: 21771705
ctangent--Regrets, I thought you were talking about viewing webpages, not creating your own.
0
How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

 
LVL 44

Assisted Solution

by:scrathcyboy
scrathcyboy earned 50 total points
ID: 21775292
<FONT face="Arial" size="3" color="#0FFF0F">this font is guaranteed to work right in all browsers </FONT>

Lots of people will tell you that the <FONT> tag is obsoleted by the new CSS2 rules.  Maybe, but it is a guaranteed way to render a font the same in all broswers.  Here is the same in CSS --

a.txt:link {color:#802020; bgcolor:#E3F2FA; font:bold 10px Arial; text-decoration:none}
a.txt:visited {color:#802020; bgcolor:#E3F2FA; font:bold 10px Arial; text-decoration:none}
a.txt:hover {color: #44AA44; text-decoration: underline;}

<TD> <A href="page.htm" class="txt">here is a text link rendered with the style of .txt above</A></TD>
0
 
LVL 4

Accepted Solution

by:
sajay_j earned 200 total points
ID: 21776402
For pure css calls;

use a inline style or attached style calling;

font-size with pixel values.

{ font-size:12px; } /* standard font size */
0
 
LVL 2

Assisted Solution

by:Keale2
Keale2 earned 200 total points
ID: 21785801
ctangent,
Keep in mind that most web browsers will include a zooming feature soon, and using pixel values will no longer cause problems for users that need larger text.

If your users are mostly old or nearly blind and not using IE7 or Opera, stick with pts; these can be adjusted by the user in older browsers.

Ems can get very, very complicated. They are a good solution if you are creating an em-based layout, but it can involve many calculations  and who wants to do calculations when they're making a web site?

I'd stick with pure CSS.

Here's a good article:
http://clagnut.com/blog/348/

He even uses the term inherited shrinkage... so you know it's good.
0
 

Author Closing Comment

by:ctangent
ID: 31466644
Thank you all! The CSS pixel sizes worked the best for what I was trying to do. Thank you Keale2 for assuaging my fears about using pixel values.
0

Featured Post

Highfive + Dolby Voice = No More Audio Complaints!

Poor audio quality is one of the top reasons people don’t use video conferencing. Get the crispest, clearest audio powered by Dolby Voice in every meeting. Highfive and Dolby Voice deliver the best video conferencing and audio experience for every meeting and every room.

Join & Write a Comment

This article offers some helpful and general tips for safe browsing and online shopping. It offers simple and manageable procedures that help to ensure the safety of one's personal information and the security of any devices.
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

705 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now