473,659 Members | 2,666 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

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 2727
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*******@bigfo ot.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
straightforward ly - 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
1041
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 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
7
3084
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 different size. Should we state "font-size: 100%" with monospaced text? -- Meanwhile at the Google Ranch ... "I can't read this bloody site; it's all Falsh and JavaScrap." "Forget it and move on! Still 2 718 281 828 pages to crawl."
6
13090
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 </FONT> text after However when I let this html source validate the FONT tag is marked as not compatible with XHTML. So how do I specify otherwise new font attributes to only a few words?
2
1779
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 surrounded by <span lang="tlh"> ("tlh" for "tlhIngan Hol"), and I have put a declaration of "font-variant: normal" in the main stylesheet. I can't figure out why the Klingon title is still in small-caps. I want all Klingon phrases to appear in normal...
1
1881
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 font size of 80% of this value, independent of other tags around this div:
0
1267
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 all seem to be using Internet Explorer 6.0. Is the "Font-Bold" style dependent on some sort of browser setting? If so, where do I find this setting?
4
5591
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
4519
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 inside of <INPUTtags. My question is, is there a way in HTML or StyleSheet language to say something like this: <h4>Here are some values - some are hardcoded, and others are input feilds:</h4> <FONT face="same as user's input font preference"...
4
10818
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- size:small;*font:x-small;} I understand everything but the "/1.231". Is that something like a multiplier on the EM size? I can't find an example of that in the CSS spec.
0
8427
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, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
8330
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
8850
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
8746
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 tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
0
7355
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
1
6178
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
5649
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
4334
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
2
1975
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.

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.