473,795 Members | 3,215 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

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 5275
Ben C wrote:
>
if you make the actual words easy to see it's too obvious they're just
BS.
LOL

--
Berg
May 23 '07 #41
In article <sl************ *********@bowse r.marioworld>,
Ben C <sp******@spam. eggswrote:
Big fonts look too much like children's books. Also
if you make the actual words easy to see it's too obvious they're just
BS.
!

--
dorayme
May 24 '07 #42
On 2007/05/21 11:36 (GMT-0700) Kevin Scholl apparently typed:
Does a percentage-based font allow a vision-impaired user
to resize IF THEY NEED TO,
When you as web designer choose to make an arbitrary reduction from their
choice, whether that choice is affirmative or passive, it's an eminently
reasonable presumption that they will need to. This is the reason why modern
browsers feature a zoom function, in order to defend against web authors who
affirmatively choose not to respect site visitors.
while retaining an optimal visual
experience for the vast majority of users under default settings? Yes.
Simple as that.
Not simple. You:
1-are not using my eyes
2-are not sitting in my chair
3-are not seeing my display

Therefore you have no concept of optimal visual experience from any
perspective nor for any environment except your own.

You OTOH probably:
1-have above average eyesight (few people with poor eyes in web design business)
2-have larger than average display (working at it most of day, well deserved)
3-don't need to actually use (read) your page (intimate familiarity)

This distorts your perspective as compared to average web users.

http://css.nu/articles/font-analogy.html
http://www.informationarchitects.jp/100e2r?v=4
http://www.useit.com/alertbox/designmistakes.html
--
"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 24 '07 #43
On 2007/05/21 18:08 (GMT+0100) Jon Fairbairn apparently typed:
Kevin Scholl wrote:
>Given my years of work in this field, and the number and
nature of the sites on which I've worked, I wouldn't count
my sample as small. It's almost certainly in the top echelon
of people here.
Even the very topmost person here (whatever that means) is
likely to have encountered only a small sample of the people
out there looking at websites.
The only thing that matters is that that quantity is nonzero. It's about
respect and doing the right thing, something few web designers choose to
practice.
--
"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 24 '07 #44
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. Not the highest contrast, to be sure, but not flagged by
contrast analyzers, either.
#666 on #EEE is flagged as insufficient color difference by the one I use:
http://juicystudio.com/services/colourcontrast.php

One notch off the extremes is quite sufficient softening. I can get by with
#333 on #FFF if the text is fully my default size, but #222 and #111 are
very much better. Your contrast lowering is excessive, and coupled with your
tiny text, makes reading your content painful in the absence of disabling
your styles.
--
"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 24 '07 #45
On 2007/05/23 02:18 (GMT-0500) Ben C apparently typed:
A tiny font gives a superficial impression of importance and "high
tech", which is why it's used on corporate websites, which are often
content-free anyway. Big fonts look too much like children's books. Also
if you make the actual words easy to see it's too obvious they're just
BS.
Until you're sitting in the chair of your visitor, you know neither how big
is big nor how small is small.

What is known is that if you think the 12pt default is too big, your
perspective does not match that of average web users:
http://psychology.wichita.edu/surl/u...ws/2S/font.htm
--
"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 24 '07 #46
Felix Miata <Ug************ ********@dev.nu lwrites:
On 2007/05/21 18:08 (GMT+0100) Jon Fairbairn apparently typed:
Kevin Scholl wrote:
Given my years of work in this field, and the number and
nature of the sites on which I've worked, I wouldn't count
my sample as small. It's almost certainly in the top echelon
of people here.
Even the very topmost person here (whatever that means) is
likely to have encountered only a small sample of the people
out there looking at websites.

The only thing that matters is that that quantity
[of people who are adversely affected by smaller fonts]
is nonzero.
As far as whether to do the right thing is concerned, I
quite agree. But my point was that his claim to have sampled
a large proportion of people strikes me as unlikely, so his
impression of the number of people who would be affected as
small (effectively zero is what his argument implied) is
invalid.
It's about respect and doing the right thing, something
few web designers choose to practice.
Alas so.

--
Jón Fairbairn Jo***********@c l.cam.ac.uk

May 24 '07 #47
Felix Miata wrote:
>
http://psychology.wichita.edu/surl/u...ws/2S/font.htm
That study was done back in 2000. It would be interesting to see what
has changed since then, considering the improvements in display devices
over the past few years.

--
Berg
May 24 '07 #48
In article <c1************ ***@p-t18.ij.net>,
Felix Miata <Ug************ ********@dev.nu lwrote:
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. Not the highest contrast, to be sure, but not flagged by
contrast analyzers, either.

#666 on #EEE is flagged as insufficient color difference by the one I use:
http://juicystudio.com/services/colourcontrast.php

One notch off the extremes is quite sufficient softening. I can get by with
#333 on #FFF if the text is fully my default size, but #222 and #111 are
very much better.
My thought too, I was much happier with #333 when I looked at
Kevin's site the other day. But as for $111 or #222 being much
better, that is an interesting idea... except that at least with
#111 it is not very much better than #000. Curiously enough
though, there seems to be an argument here for #222. Thanks
Felix.

--
dorayme
May 24 '07 #49
Bergamot <be******@visi. comwrites:
Felix Miata wrote:
http://psychology.wichita.edu/surl/u...ws/2S/font.htm

That study was done back in 2000. It would be interesting to see what
has changed since then, considering the improvements in display devices
over the past few years.
Well, they give enough information to be able to repeat the experiment.

--
Chris
May 25 '07 #50

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

Similar topics

2
15633
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 have occurs for one special cell. The background of this cell is as you can see an image. A text should be displayed on this image. I don't want the text to be bigger than the picture.
16
4213
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 sheets? I am not clear how the user would select the different .css files? Seems to be easier than having duplicate html files ...
6
3850
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 the right). At the moment these DIVs are all using absolute positioning, with dimensions and co-ordinates specified in pixels. How can I make it so that if the user increases the font size the DIVs enlarge to accommodate the content but still...
2
3205
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 text like: <table summary=" " width="100%" class="blokstijl3" cellpadding="10pt"> <tr> <td class="venster">
6
2434
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 options and DPI options. However when I tried to run it in a dell P3 desktop, labels and textboxes overlapped each other and they were in table area too. Any suggestions? Do I have to put all controls in table cells?
3
2040
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 15:30 pm timestampz, i put this on a part of html table. when time on my if condition es great than 15:31, showme data from 15:31 to 23:59 timestamp and populate another part of html table. but, data in html first part,it's gone away.
5
4486
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 browers are forcing the top navigation menu to dislpay "staggered" after the the first <ul><lielement. Can anyone see why this is happening ?
3
2500
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 and Chinese. All forms of my compiled C# desktop application, as well as in Visual Studio
9
1868
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 decide how many members would get a reward, and then update them based on the member id and details I enter, here's the code for the page: <?php /** * @author Raymond Dube * @copyright 2008
0
9519
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
10439
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
10215
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...
1
10165
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
1
7541
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
6783
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
5437
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
1
4113
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
3
2920
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

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.