473,772 Members | 2,965 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Font Issues

Hello,

I have been reading a lot about fonts and I got to the following
conclusions:
1.Use % do define font size
2. Avoid defining font in Body and P tags
3. Avoid using Verdana

I understand the reason of point 1.

Point 2 not sure why is that. Why?

Finally, I really like Verdana. Why should I avoid it using? Because
its size gets to small?
And is there a font similar to verdana that I can use?
Is just that I think Verdana is a really easy font to read and looks
good ... under normal conditions.

Thanks,
Miguel

Nov 18 '07
37 2270
Felix Miata wrote:
>
Most people I know who have stated an opinion
on the subject find average web page text too be too small.
That's been my experience, too. And once I teach someone how to adjust
their browser's default size, they invariably make it larger.

--
Berg
Nov 21 '07 #21
Felix Miata <Ug************ ********@dev.nu lwrites:
On 2007/11/21 07:48 (GMT-0500) Stan Brown apparently typed:
if the user sets her own
font size for her own preferred non-Verdana font, and the author
specifies Verdana, it's going to look uncomfortably big to the user.

Maybe yes, maybe no. I've been doing a lot of reading about font sizes the
past couple days, leading me to an even stronger opinion that web
developers/designers are a special class of people who like smaller sizes
than virtually everyone else on this planet.
I don't think it's so much that the designers like reading small fonts
either, as that it makes it much easier to get a nice visual
look. After all, most common (readable body text) fonts are fairly
ugly, so the smaller they're made, the neater the page looks. I don't
think it's the sometimes-suggested opinion about young designers with
good eyesight (I have near-perfect sight and my *minimum* font size
setting is larger than the usual suggestions from websites) - I think
it's because the designers generally don't view the text as text but
as another graphical element, and so whether it's readable or not
doesn't matter anymore than whether you can easily read the text on a
sign in the background of a photograph matters.

You can also fit more text on the screen with smaller fonts, which I
think is an excellent reason to use the default size and so help force
the content writers into being concise.

Anecdotally, when we produced similar versions of a design a few years
ago, one basically straight from the graphics designers' picture and
one modified to remove some of the worst problems (most visibly,
80%->100% font size) the one with the larger font size was described
as 'friendlier' in user testing.

--
Chris
Nov 21 '07 #22
Felix Miata wrote:
On 2007/11/21 07:48 (GMT-0500) Stan Brown apparently typed:
if the user sets her own
font size for her own preferred non-Verdana font, and the author
specifies Verdana, it's going to look uncomfortably big to the user.

Maybe yes, maybe no. I've been doing a lot of reading about font
sizes the past couple days, leading me to an even stronger opinion
that web developers/designers are a special class of people who like
smaller sizes than virtually everyone else on this planet. [snip]
But look at newspapers, books, magazines, in fact just about any place else you
see printed words intended for individual reading. Typical web fonts are no
smaller than those.

How do the fonts on a web page compare to the fonts in your Windows menus and
toolbars? IMO they should be at least as large as that, but I see no reason for
them to be much larger.

I think there are just a lot of people who need more vision correction than they
will admit to.

Nov 21 '07 #23
"Rick Brandt" <ri*********@ho tmail.comwrites :
Felix Miata wrote:
Maybe yes, maybe no. I've been doing a lot of reading about font
sizes the past couple days, leading me to an even stronger opinion
that web developers/designers are a special class of people who like
smaller sizes than virtually everyone else on this planet. [snip]

But look at newspapers, books, magazines, in fact just about any
place else you see printed words intended for individual reading.
Typical web fonts are no smaller than those.
That rather depends on several factors of the display device, though:
- the physical size of the display (PDA, monitor, projection screen)
- the resolution of the display. Whether web fonts are larger or
smaller than paper fonts depends to a fair extent on whether I set
my display to 800x600 or 1280x1024
- the distance of the viewer from the display screen (for which one
shouldn't necessarily be as close to the screen as to a piece of
paper)
- while it doesn't strictly affect size, it does affect readability:
the quality of the display. Any mainstream display will be
considerably worse-quality than paper (newspaper perhaps excepted),
and while this is improving it's still a long way off.

For a simple test, get a large amount of text in whatever plausible
font size you want to test, and print out half of it (by number of
lines). It will almost certainly be quicker for you to read on paper
than on screen.

If your monitor is exceptionally good, or you yourself are a
statistical anomaly in this respect, then studies show that *in
general* reading speeds are 25% slower on screen.
See http://www.useit.com/alertbox/whyscanning.html and many others
How do the fonts on a web page compare to the fonts in your Windows
menus and toolbars? IMO they should be at least as large as that,
but I see no reason for them to be much larger.
Larger on the webpage if it uses my default size, larger in the
toolbars for the majority of sites at their suggested size, as it
happens. I haven't modified the toolbar text size from the default.

Additionally, there's a very good reason that web page text should be
larger than menu text: the menu text is approximately constant. No
matter how hard it is to read, once you've figured it out you don't
need to put that effort in again: you know where it is and what it
does, and if you forget it's only a couple of words to re-read. Often,
you don't even need to read it once. Conversely, unless your browsing
habits consist of reading very short webpages over and over, you spend
most of your browsing time reading relatively large amounts of new
text. It's therefore much more important that it's readable without
effort.
I think there are just a lot of people who need more vision
correction than they will admit to.
Either there's enough that making your site difficult/unreadable to
them makes a significant dent in your profits (or profit-equivalents),
and so you should design to allow for this phenomenon, or there's a
tiny and insignificant amount and the widespread preference for larger
text sizes has another cause.

--
Chris
Nov 21 '07 #24
On Wed, 21 Nov 2007, Felix Miata wrote:
The larger group seems to have no problem with "large" sizes.
In German:
"Zu groß" passt!
:-)

Perhaps in English:
"Too big" fits!

--
In memoriam Alan J. Flavell
http://groups.google.com/groups/sear...Alan.J.Flavell
Nov 21 '07 #25
On 2007-11-21, Jukka K. Korpela wrote:
....
Verdana is bad because it does not fit into the "let the user decide the
size" model. When a user decides on the font size, by setting the font
size in his browser, or by not setting it (i.e., defaulting it to
initial settings), he typically does not do this using Verdana but, say,
Times New Roman. When Times New Roman is conveniently readable, Verdana
of the same font size is surely too big.
The same argument applies to Arial and Helvetica, which are much
larger than Times and almost as large as Verdana.
--
Chris F.A. Johnson <http://cfaj.freeshell. org>
=============== =============== =============== =============== =======
Author:
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
Nov 21 '07 #26
Scripsit Chris F.A. Johnson:
On 2007-11-21, Jukka K. Korpela wrote:
...
>Verdana is bad because it does not fit into the "let the user decide
the size" model. When a user decides on the font size, by setting
the font size in his browser, or by not setting it (i.e., defaulting
it to initial settings), he typically does not do this using Verdana
but, say, Times New Roman. When Times New Roman is conveniently
readable, Verdana of the same font size is surely too big.

The same argument applies to Arial and Helvetica, which are much
larger than Times and almost as large as Verdana.
Not really.

Times New Roman (which is probably what you mean) has relative x-height
value(i.e., x-height divided by font size) of 0.448, Arial has 0.519 and
Helvetica almost the same (0.523), whereas Verdana has 0.545. Of
course, there's some variation depending on implementation of font and
method used to estimate its x-height.

The visible differences are bigger, since the impression is also
affected by stroke width, aperture, and other properties of the font.

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

Nov 21 '07 #27
On 2007/11/21 13:59 (GMT) Chris Morris apparently typed:
I don't think it's so much that the designers like reading small fonts
either, as that it makes it much easier to get a nice visual
"nice" as beholden by their own eyes.
look. After all, most common (readable body text) fonts are fairly ugly,
Actually when resolution is as high as it can be nowadays they needn't be
"ugly" at all. "12pt" @ 120 DPI (~200px per character box - 1680x1050 on
16"-17" laptop) is seemingly near infinitely less ugly than "12pt" @ 80 DPI
(~89px per character box - 1024x768 on '17"' CRT).
so the smaller they're made, the neater the page looks...I think
it's because the designers generally don't view the text as text but
as another graphical element, and so whether it's readable or not
doesn't matter anymore than whether you can easily read the text on a
sign in the background of a photograph matters.
Exactly. They're generally incapable of using/reading their work product as
an ordinary user would.
--
" A patriot without religion . . . is as great a
paradox, as an honest man without the fear of God."
John Adams

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

Felix Miata *** http://mrmazda.no-ip.com/
Nov 21 '07 #28
In article <3X************ *******@newssvr 12.news.prodigy .net>,
"Rick Brandt" <ri*********@ho tmail.comwrote:
How do the fonts on a web page compare to the fonts in your Windows menus and
toolbars? IMO they should be at least as large as that, but I see no reason
for
them to be much larger.
One does not sit there reading menu items.

--
dorayme
Nov 21 '07 #29
VK
On Nov 21, 9:55 pm, "Jukka K. Korpela" <jkorp...@cs.tu t.fiwrote:
Times New Roman (which is probably what you mean) has relative x-height
value(i.e., x-height divided by font size) of 0.448, Arial has 0.519 and
Helvetica almost the same (0.523), whereas Verdana has 0.545. Of
course, there's some variation depending on implementation of font and
method used to estimate its x-height.

The visible differences are bigger, since the impression is also
affected by stroke width, aperture, and other properties of the font.
Each Web author gives you an *image of the whole page*, not a
particular font-size for Verdana, Times New Roman etc. Think of a
vector graphics image: if it is too small for you, then make it all
bigger; if it is to big then make it all smaller. So the user chooses
the magnification/diminution coefficient for the whole page, not for
its particular parts. The default fonts and the default fonts
coefficients supplied with the browser installation is the product of
long usability analysis and very hot discussions. No one can give you
a set that will be the best suited for 100% of situations: the task is
to give you MaxSituation coverage. That means that as being as an end
user one must never change any of these settings unless it is a fixed
known set of sites one planning to visit. Otherwise one be in the
position of a user of some imaginary vector graphics viewer where one
can set independently different "one step coefficient" for say
straight lines and Besier curves, so say on Ctrl+ straight lines
getting x1.2 bigger, L-Bezier x1.3 bigger and Q-Besier x1.4 bigger. It
is evident that with some minimum efforts the majority of available
vector images will be in FUBAR state in this given viewer. So again
and INHO the reasoning of the kind "what if I want to set Arial/
Verdana as default with such exact size" is another reflection of the
webpunk thinking, thus the strong idea that the whole world has to
turn around beloved myself, and if it's refusing to turn in such way
then I have all my holly rights to f*ck the world and to f*ck anyone
preventing the world to turn around beloved myself.

Ctrl + gets everything one step bigger
Ctrl - gets everything one step smaller
Enjoy, everyone, what an fn problem?

From the further usability point of view browser producers are way
late to provide the most evident feature: a possibility to have the
view coefficient as a browser setting. So each page could be open as
if one pressed say Ctrl + twice or Ctrl - twice.

Nov 23 '07 #30

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

Similar topics

133
6615
by: Philipp Lenssen | last post by:
Why is there no standardized and well-working way for a web-page to offer the font for download/embed it, in order to be displayed on the page? No matter what you think of the preferred font of a designer, many web-sites offer an image of the text instead to "force" this font -- which certainly can't be the solution (it's a bit of a hassle to maintain and create).
131
21690
by: Peter Foti | last post by:
Simple question... which is better to use for defining font sizes and why? px and em seem to be the leading candidates. I know what the general answer is going to be, but I'm hoping to ultimately get some good real world examples. Fire away! :) Regards, Peter Foti
4
16723
by: Csaba Gabor | last post by:
What I'd like to do is to be able to set the font of a textarea element to the same font that another element is using (say, for example, an <INPUT type=text ...> element, but if that's a no go, then a generic element's font will do OK, too. What's the correct way to do this, please (so that it will also work for IE 6)? The motivation for this is that I have some text on the screen and I want to insert a textarea element between the...
15
2652
by: chart43 | last post by:
> I work on Windows (unfortunately). But I regularly view my work in a Mac > (IE5.x and Safari). I do not notice the phenomenon that you describe. > But then, it hardly seems relevant. What's important is that 100% is > right for you on your setup, and right for someone else on their setup, > whatever there os is. > >> normal in my case results in too big on Windows. My code is all >> valid, so too are style sheets. > > I doubt you have...
3
7221
by: Barry Anderberg | last post by:
I'm using the .NET Memory Profiler by Sci Tech and I wrote a little test application to verify something odd I observed and it appears that System.Drawing.Font fails to dispose of its FontFamily. I run the following code: // BEGIN while( true ) { System.Drawing.Graphics dc=lblClock.CreateGraphics();
60
4787
by: deko | last post by:
As I understand it, most browser manufacturers have agreed on 16px for their default font size. So, this should be an accurate conversion for percentages: px % 16 = 100 14 = 87.5 13 = 81.25
40
2979
by: Paul Davis | last post by:
Hi all, I'm building some style sheets and trying to play the old game of balancing designer pixel perfection and still allowing users to adjust their font sizes. The compromise I've made with the designer is that he'll accept allowing users to change font sizes it it "looks right" with the default setting. I'm using em to set the font size. So, anyway, here's the problem. At 0.96em we get the perfect font size. But, if the font is...
53
5269
by: Jonas Smithson | last post by:
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...
1
1524
by: CMiner | last post by:
What I am trying to do is this: Let a user browse for font files that are not installed, select one, and show a sample of the font in a text box (That way the user can change the size, style, and text of the sample) I don't want to copy the font files to the Windows\Fonts\ folder. Tried that, causes a lot of issues with deleting the font file when the preview is done, even after disposing the text box, removing the font resources, and/or...
0
1393
by: Linda Liu[MSFT] | last post by:
Hi Al, Based on my understanding, you have an application which prints something to printers. The problem is that the font of "OCR A Extended" cannot be printed properly on some of printers. If I'm off base, please feel free to let me know. I performed a test printing the font of "OCR A Extended" to a printer in my office but didn't reproduce the problem on my side. The font was printed properly in my test. The model of the printer I...
0
9620
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
10104
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
10038
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,...
0
8934
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...
0
6715
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
5354
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...
0
5482
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
4007
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
2
3609
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.