Solved

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

Posted on 2008-06-12
7
213 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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
Are You Using the Best Web Development Editor?

The worlds of web hosting and web development are constantly evolving. Every year we see design trends change, coding standards adapt and new frameworks/CMS created. With such a quick pace of change it’s easy to get lost trying to keep up.

See if your editor made the list.

 
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

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Find out what you should include to make the best professional email signature for your organization.
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

626 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