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 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
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
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/
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:
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
[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 This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics |
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
|
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."
|
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?
|
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...
|
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:
| |
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?
|
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?
|
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"...
|
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.
|
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...
|
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,...
| |
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...
|
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...
|
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...
|
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...
|
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();...
|
by: adsilva |
last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
| |
by: muto222 |
last post by:
How can i add a mobile payment intergratation into php mysql website.
| |