473,386 Members | 1,786 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,386 software developers and data experts.

Definitive "Good Font Settings" StyleSheet?

What's considered to be the definitive version of a "good font
settings" style sheet?

That is, one which allows nearly all modern browsers, and Netscape 4,
to get readable text.

The basis of this is at http://www.alistapart.com/stories/sizematters/
-- the column "Size Matters" by Todd Fahrner.

The concept, as I understand it, is set Netscape 4 fonts to specific
point-sizes because it's not reliable when using relative sizes, and
then use an imported style sheet which Netscape 4 ignores to do the
more correct sizes like "small" and "extra-small" -- including a
couple of hacks to take care of bugs.

It's just that this article is a little old and I'm guessing there's a
more sophisticated version plus a version which takes into account
bugs which have appeared since 2001.

What would you think is a good base style sheet that I could grab
which uses this concept -- relative sizes for good browsers, fallback
position for Netscape 4?

TIA
Jul 20 '05 #1
6 2709
Hostile17 wrote:
What's considered to be the definitive version of a "good font
settings" style sheet?


less is more

have you considered the benefits of not setting a font?

--
William Tasso - http://WilliamTasso.com
Jul 20 '05 #2
Is there some reason why you cross-posted to 3 groups? Couldn't
decide where your query belonged? I'd say the first one you chose:
ciwas. (f'up set)

If you're going to cross-post, at least set followups.

Hostile17 wrote:
What's considered to be the definitive version of a "good font
settings" style sheet?

That is, one which allows nearly all modern browsers, and Netscape
4, to get readable text.
body {font-size: 100%}
The basis of this is at
http://www.alistapart.com/stories/sizematters/ -- the column "Size
Matters" by Todd Fahrner.

The concept, as I understand it, is set Netscape 4 fonts to
specific point-sizes because it's not reliable when using relative
sizes, and then use an imported style sheet which Netscape 4
ignores
use relative font-sizes for other elements
h1 {font-size: 150%}
h2 {font-size: 130%}
..important {font-size: 110%}

hide these from n4. @import rule is one method that works.
to do the more correct sizes like "small" and "extra-small" --
including a couple of hacks to take care of bugs.
I would not recommend you use those keywords.
relative sizes for good browsers, fallback position for
Netscape 4?


Fallback position is don't set any font size other than for body element.

--
Brian
follow the directions in my address to email me

Jul 20 '05 #3
On 2 Sep 2003 16:52:15 -0700, ho*******@bigfoot.com (Hostile17) wrote:
The concept, as I understand it, is set Netscape 4 fonts to specific
point-sizes because it's not reliable when using relative sizes, and
then use an imported style sheet which Netscape 4 ignores to do the
more correct sizes like "small" and "extra-small" -- including a
couple of hacks to take care of bugs.
In my experience relative sizes of 100% and greater work fine in
Netscape 4, but sizes smaller than 100% display at 100% - which isn't
such a terrible idea really. I suggest just using the relative sizes
straightforwardly - the worst that can happen is that Netscape 4 users
get a page which is a bit more readable than you intended. ;-)

There are enough people still using Netscape 4 that you should ensure
that your pages are readable in it, but not enough of them for it to be
worthwhile worrying about the cosmetics.
It's just that this article is a little old and I'm guessing there's a
more sophisticated version plus a version which takes into account
bugs which have appeared since 2001.


If you simply write valid HTML/CSS, any browsers since 2001 should be
able to cope with it - at least as far as this topic is concerned.

--
Stephen Poley

http://www.xs4all.nl/~sbpoley/webmatters/
Jul 20 '05 #4
Hostile17 wrote:
What's considered to be the definitive version of a "good font
settings" style sheet?

That is, one which allows nearly all modern browsers, and Netscape 4,
to get readable text.


The following CSS should do a good job of setting readable font sizes,
and it works in all browsers:
Jul 20 '05 #5
Philipp Lenssen wrote:
Hostile17 wrote:
What's considered to be the definitive version of a "good font
settings" style sheet?

That is, one which allows nearly all modern browsers, and Netscape 4,
to get readable text.


The following CSS should do a good job of setting readable font sizes,
and it works in all browsers:


:-D

--
Brian
follow the directions in my address to email me

Jul 20 '05 #6
[f'ups set again]

Stephen Poley wrote:

In my experience relative sizes of 100% and greater work fine in
Netscape 4, but sizes smaller than 100% display at 100%


That has not been my experience. N4 seems to regard
h1 {font-size: 150%}
as 'make the font size of heading 1 element 150% of the default size
of h1,' and not 'make it 150% of the default font size [ie, of root
element].

--
Brian
follow the directions in my address to email me

Jul 20 '05 #7

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

6
by: Hostile17 | last post by:
What's considered to be the definitive version of a "good font settings" style sheet? That is, one which allows nearly all modern browsers, and Netscape 4, to get readable text. The basis of...
7
by: Andreas Prilop | last post by:
Internet Explorer displays <tt>, <code> etc. in a smaller font size: http://www.unics.uni-hannover.de/nhtcapri/temp/monospace.html I don't like the idea that monospaced text is displayed in a...
6
by: Matt Adams | last post by:
I want define for a couple of words inside a longer text with different font specifications. I declared it like: ....text before.... <FONT class=aaa> these text should get other attributes...
2
by: David Trimboli | last post by:
If you look at http://www.trimboli.name/klingon/, you'll see that the headers on the page are displayed in small-caps. Usually, this is desired. However, the header "may'vaD ghuHmoH QoQ"* is...
1
by: Achim Domma (SyynX Solutions GmbH) | last post by:
Hi, is there a possibility to set the font size to a percent value of the "top level" font size? For example: The font size of the body might be 100% and I have a div which should have a...
0
by: Altemir | last post by:
I have a datagrid in an .aspx page that contains some columns using the "Font=Bold" inline style. The problem is that some users' browsers aren't displaying the bold font while others are. We...
4
by: Iacopo.Marmo | last post by:
Hi! I need to manipulate multicolor strings, i.e. strings with a color associated with each letter. Any suggestions?
9
by: MadingS | last post by:
Is there an HTML (or CSS) way to say "use the user's INPUT font, whatever that might be."? Most browsers have the ability for the user to pick his or her own preference for what font to use...
4
by: david.karr | last post by:
I'm a CSS newbie, but I was browsing through the css files in the YUI library, and I noticed the following line: body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.