473,396 Members | 1,975 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,396 software developers and data experts.

Different size for different font

In his book "CSS: The Definitive Guide" 2nd edition (pgs. 116-117), Eric
Meyer has an interesting discussion about "font-size-adjust" that was
evidently dropped in CSS 2.1 due to browser non-support. I'm wondering
if there's some way I could still get a primitive version of this
functionality, because different fonts display at very different optical
sizes for the same nominal sizes.

For example, suppose I want type to display in 13px/1.5em Georgia. But
if the user doesn't have Georgia installed, and I've simply listed Times
New Roman as the alternate font in the usual way (or if "serif" gets
interpreted as Times on their system), then the type will display in
13px Times, which is optically much smaller than 13px Georgia (and has
optically different xheight/linespacing characteristics too). Even if I
used em instead of px, I'm guessing there'd be a substantial size
difference.

So what I'd really like, in the absence of "font-size-adjust", is
something like this:

p.someClass {font: 13px/1.5em Georgia, 15px/1.4em "Times New Roman",
14px/1.5em serif;}

....but I have a feeling that wouldn't actually do what I want. Er...
would it?

Any solution?
May 20 '07
53 5168
On 21 May, 17:48, Kevin Scholl <ksch...@comcast.netwrote:
Higher resolutions will of course make text appear smaller on screen.
Not necessarily for IE.

Owing to a bug in how IE applies the Windows desktop default font size
adjustment twice, a high-resolution Windows display may display web
pages at an excessively _large_ size. If the user has obtained a high
resolution display and a monitor of average size it's relatively
common (more common than them setting browser user stylesheet) for
them to set the Windows desktop display font size to be larger than
standard. IE then applies this settings again itself (Windows has
already applied it), resulting in browser "1em" sizes being
relatively larger than when a lower resolution display has been
configured to give equally sized desktop fonts.

May 25 '07 #51
On 2007/05/21 09:48 (GMT-0700) Kevin Scholl apparently typed:
For the record, that is #666 on a background that is #EEE fading to
#FFF (white). Studies for years have shown that high contrast such a
black on white cause the eyes to tire quickly, so I softened the
contrast.
Sounds like urban legend to me. Can you cite any such studies?

I suspect most who think black on white is too contrasty have incorrectly
adjusted display brightness and contrast settings. Manufacturers tend to set
these values to arbitrarily high defaults in order to more readily lure buyers.

My eyes tire least quickly when text is easiest to read, which means a
correctly set display, maximum contrast text (black or virtual black, not
"gray"), and my choice of text size.
--
"The path of the righteous is like the first gleam of dawn, shining
ever brighter till the full light of day." Proverbs 4:18 NIV

Team OS/2 ** Reg. Linux User #211409

Felix Miata *** http://mrmazda.no-ip.com/
May 27 '07 #52
Scripsit Felix Miata:
On 2007/05/21 09:48 (GMT-0700) Kevin Scholl apparently typed:
>For the record, that is #666 on a background that is #EEE fading to
#FFF (white). Studies for years have shown that high contrast such a
black on white cause the eyes to tire quickly, so I softened the
contrast.

Sounds like urban legend to me.
I don't think it even counts as an urban legend. It's simply crap, nonsense,
or trolling.

Its assumed trolling value is probably based on the assumption that people
will confuse the issue of the effects of "pure white" on screen in large
quantities. You addressed this issue accordingly. It's a matter of tuning
the monitor, if needed. If authors second-guess this (and cause trouble to
all those users who see nothing wrong with "white" since their monitor's
"white" is properly tuned), then it's a poor authoring practice, but Kevin
Scholl additionally wants to use bad contrast.

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/

May 27 '07 #53
In article <YJ********************@reader1.news.saunalahti.fi >,
"Jukka K. Korpela" <jk******@cs.tut.fiwrote:
Scripsit Felix Miata:
On 2007/05/21 09:48 (GMT-0700) Kevin Scholl apparently typed:
For the record, that is #666 on a background that is #EEE fading to
#FFF (white). Studies for years have shown that high contrast such a
black on white cause the eyes to tire quickly, so I softened the
contrast.
Sounds like urban legend to me.

I don't think it even counts as an urban legend. It's simply crap, nonsense,
or trolling.
Well, I can't speak for actual studies, but my uncle is a specialist in
lighting and vision (reader in ergonomics at Loughborough University,
now retired[1]) and we've had this conversation...

High contrast environments are generally harder on the eyes,
particularly black text on a white or clear background at high light
intensity levels (e.g. a printed page in strong sunlight, staring at the
screen for a really bright overhead projector, etc.) [0] BUT...

Whether or not this situation has a noticeable effect on the person
looking at the high contrast depends on a number of factors, including
duration, age, eye health, and ambient light levels. In other words,
there's a difference between staring at a projector screen in a room
that is otherwise completely dark, compared to the same screen in a
room with normal ambient illumination (e.g. window shades open)

Where this becomes really important (and my uncle's particular interest)
is for people with eye problems such as cataracts; you can actually
improve their ability to read a book by reducing page contrast (use an
incandescent light on a dimmer, or a shade that colours the light.)

I don't know how this translates to the specific situation of monitor
screens[2], since at the time I asked about this computers where not in
widespread use, most monitors used white or green text on a black
background, and video data projectors were an expensive novelty.
That's a whole other field of research and, from what I've seen reported
in the media, seems more to do with focus-related eye strain. This would
get back more to using a font SIZE that was reasonably legible at a
comfortable viewing distance from the monitor (and only the individual
user really knows what that is for them!)

There are, in addition, certain background/foreground colour combinations
which can result in fuzzier-looking text on lower dpi monitors, due to
the use of separate RGB pixels. I suspect (although I don't know) that
this is not as much of a problem with modern screens that have the three
colours in different layers and higher intrinsic physical dpi.

Of course, that still doesn't excuse things like pale yellow text on a
white background or, in the case of one site I visited (once!), dark red
text on a forest green background...

[0] There's a reason (quite apart from premature burn-out/burn-in) that
early monochrome CRT displays used a black background.[3]

[1] He was one of the first to study the effects of fluorescent lighting
on employees in offices.

[2] I'm quite sure ergonomists have studied the effects of screen
contrast and intensity vs. duration of use, but I'm equally sure
I can't be bothered to look it up. Besides, a computer user can
adjust brightness, contrast, and ambient light levels to suit.

[3] You know you've done too much C programming when your footnotes
are zero-indexed...
May 28 '07 #54

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

Similar topics

2
by: zwylle | last post by:
Hi all, to avoid a nervous breakdown I finally decided to seek help :D I have a table defined with plain color background and in some cells I show pictures to frame my site. The problem I...
16
by: Geoff Cox | last post by:
Hello, I publish some web pages using large fonts and would like to give the user the opportunity to print the pages using a smaller font. I believe that this is possible using different style...
6
by: John Topley | last post by:
Hi, I'm trying to create a pure CSS layout using DIVs. I have three DIVs (in one column) down the left hand side of my page, with a ten pixel vertical gap between each of them (the content is on...
2
by: twan.vanberkel | last post by:
Dear all, I have a problem in difference in font size on my navigation bar. On different Windows PCs with IE5-IE6 the font size differs. At first I try to fix it to place <font> tags around the...
6
by: dale zhang | last post by:
Hi, I build a web form with a 4-cell table on the top (flawlayout), followed by some labels and textboxes (gridlayout). The web form is displayed well in dell m60 laptop with all resolution...
3
by: Chifo | last post by:
hello. i have a problem with a populate html table with data from table here it's the problem two querys retrieving data from table, one of querys show me a colletion of data from 6:00 am to...
5
by: Syl | last post by:
Hello experts!! The top menu navigation bar displays perfectly in IE, but does not display properly in Mozilla or Netscape : http://checkeredshirt.com/textonly.html For some reason the non-IE...
3
by: Ryan Liu | last post by:
Hi, I have a big urgent problem to solve. I used to use Windows 2000 Chinese version, now I installed Windows XP (English) system. The problem is not about 2000 or XP, it is about English...
9
by: RayDube | last post by:
Hello Gents, I want to be able to reward my members with credits, banner advertisements, text advertisements and even cash, but on a partially manual basis. I created a page where I could...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
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: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
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
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...
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...
0
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,...

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.