473,785 Members | 2,154 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Verdana font. Why not?

I am a bit curious about this.

The graphic design people I work with say it is their preferred font for
web pages. The reason being that it is "kinder" to the eye both in terms
of shape and size.

The HTML "hardcore elititst" profess that it is a useless font because
it is too big compared to other fonts.

Personally I do not care one way or the other, but I generally trust
graphic designers more than programmers and rules lawyers when it comes
to pure design.

It seems to me that the only argument against using Verdana is that a
large number of browsers do not support it and therefore it causes their
pages to render with a very small font.

Can anyone honestly say they do not have the Verdana font installed?
Jul 21 '05
300 18473
Steve Pugh wrote:
Ståle Sæbøe <ot*****@tdz.no > wrote:
Not completely, the design of the font itself is said to promote
readability .

Yes. Verdana was designed to be readable at small font sizes. Do you
see how this leads to a catch 22?

It leads to a discussuion of wether the user or the designer should
control which font should be used. This is nowhere near a catch 22
unless the best font is the one that noone can use.

The only statistics I have seen is that 2% of users do not have it
installed. Give or take 2% it does not make a huge difference unless you
have a very specific target group, which in turn would be the exception
to the rule ...
Still not convinced :)
Jul 21 '05 #11
Ståle Sæbøe <ot*****@tdz.no > wrote:
Spartanicus wrote:

For me that test isn't convincing if the font size is set at 86%.


Why not 100%?


Because if the text is at 100% there's no problem. The fallback font
will be displayed just fine.

The normal situation is that designers want Verdana displayed at some
smaller size (typically 9px - 12px compared with the common browser
default of 16px). In those case Verdana may be legible but the
fallback font often isn't.
Take the Verdana page from the previous example and view it on a
computer with a high resolution screen like the Dell Inspiron 9300
Laptops with the WUXGA option (resolution is approx 150PPI), using the
out of the box browser serif font setting.


I do not downsize the Verdana font for the main texts. It is perfectly
fine with 100%. I use 120 PPI myself and have no problem with 100% Verdana.


Of course you don't. That's not the problem. The problem is when you
specify Verdana and specify a smaller than default font size. Then you
get a problem when Verdana is removed.

But most designers think that Verdana at 100% looks too big and so
insist on a smaller size. Heck, often designers insist that Arial or
TNR at 100% is too big...

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net > <http://steve.pugh.net/>
Jul 21 '05 #12
Spartanicus wrote:
Steve Pugh <st***@pugh.net > wrote:

Use Verdana, set a font-size that makes Verdana look right to you. Now
delete Verdana from your system (or just comment it out in your
stylesheet) . Does the text still look right with your fallback font?

For me that test isn't convincing if the font size is set at 86%.

Some other tests:

Using a browser that has an appropriately sized serif font specified as
the default font, create a page that uses a Verdana font, size it so
that it looks nice. Now configure Verdana as you preferred font in your
browser's preferences, set the default size so that it looks right with
a webpage that does not specify a font size. Now view the page where you
use the sized Verdana font.

Take the Verdana page from the previous example and view it on a
computer with a high resolution screen like the Dell Inspiron 9300
Laptops with the WUXGA option (resolution is approx 150PPI), using the
out of the box browser serif font setting.

Both tests result in nigh unreadable text. The last test is very useful
to convince designers and clients of the error of their ways, it doesn't
take much imagination to see that type of computer in the hands of the
higher echelons of the corporate world, the type of people that can make
or break the success of a web site.

your test sounds very interesting, unfortunatly i dont have a 150dpi
laptop at hand. maybe you could make some convincing screenshots of your
test results.

looking forward to be convninced :)

gr
martin
Jul 21 '05 #13
Ståle Sæbøe <ot*****@tdz.no > wrote:
I do not downsize the Verdana font for the main texts. It is perfectly
fine with 100%. I use 120 PPI myself and have no problem with 100% Verdana.


Your screen resolution causes you to see things differently than most
people, approx 90PPI is a more typical resolution. If you had a 90PPI
screen you'd have a problem with Verdana @ 100%.

--
Spartanicus
Jul 21 '05 #14
"Martin!" <ma**********@h ome.nl.knip.kni p.knip> wrote:
your test sounds very interesting, unfortunatly i dont have a 150dpi
laptop at hand. maybe you could make some convincing screenshots of your
test results.


A screenshot of a 150PPI screen displayed on a 90PPI screen is identical
to a native 90PPI display :)

--
Spartanicus
Jul 21 '05 #15
Steve Pugh wrote:
Curt Balluff <po**@curt-balluff.de> wrote:

Use em or px
don't use pt

px is every bit as bad as pt. Em has bugs in IE. % is the best choice.

Steve


maybe if you want your site to be accessable by the largest possible
audience, but not many sites aim at 'everybody'.

it is also not easy to make a site 'right' for resolution varying from
mobile phone to WHUXGA, therefor people often settle for a range between
VGA and SVGA. in a small range like this font sizes can be defined with
an absolute unit without causing the site to be unreadable.

thus, what is best depends on your quality defenitions which are defined
by your audience (or client).

gr
martin

Jul 21 '05 #16
On Thu, 17 Mar 2005, Martin! wrote:
your test sounds very interesting, unfortunatly i dont have a 150dpi
laptop at hand. maybe you could make some convincing screenshots of
your test results.


This is a wind-up, isn't it?

Or don't you see the illogicality of your suggestion?

Try viewing your own display at double the normal viewing distance -
that might give you *some* idea how it would look at 150dpi. Just
taking a 150dpi screenshot, and viewing it at your usual 72dpi or
whatever it is that you've got, doesn't prove much at all.
Jul 21 '05 #17
Spartanicus wrote:
"Martin!" <ma**********@h ome.nl.knip.kni p.knip> wrote:

your test sounds very interesting, unfortunatly i dont have a 150dpi
laptop at hand. maybe you could make some convincing screenshots of your
test results.

A screenshot of a 150PPI screen displayed on a 90PPI screen is identical
to a native 90PPI display :)


ic .. so i misunderstood some units, doesnt make screenshots of these
test less interesting.
Jul 21 '05 #18
Ståle Sæbøe <ot*****@tdz.no > wrote:
The HTML "hardcore elititst" profess that it is a useless font because
it is too big compared to other fonts.
Not completely, the design of the font itself is said to promote
readability. This is actually a kind of science and has to do with the
actual shaping of the letters, text flow and how the eye captures it.
The Verdana is best for the screen, Times is best on paper (or so the
"experts" say).


The proper scientific tests that have been conducted do not confirm a
better legibility for Verdana, they do confirm that users have a certain
preference for Verdana on esthetic grounds.

--
Spartanicus
Jul 21 '05 #19
"Martin!" <ma**********@h ome.nl.knip.kni p.knip> wrote:
A screenshot of a 150PPI screen displayed on a 90PPI screen is identical
to a native 90PPI display :)


ic .. so i misunderstood some units, doesnt make screenshots of these
test less interesting.


You clearly are not understanding the issue.

--
Spartanicus
Jul 21 '05 #20

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

Similar topics

2
2259
by: Anand | last post by:
Hello, I'm using the following style and am having a problem that Arial get's rendered with fuzzy edges in the browser IE6: ..headline { font-family:Arial,Helvetica,sans-serif; font-size:16px; font-weight:bold; color:#007550; line-height:16px; } If I use the same style, but with Verdana, the script has sharp edges. ..headline { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:16px;
13
3153
by: Mary Ellen Curtin | last post by:
I love Verdana and Georgia, because I can read them. I've read back postings here on why the usual font-family: Verdana, Geneva, Arial, Helvetica, sans-serif spec is less than ideal, because (as I understand it) e.g. "a" in 12pt Verdana is actually a different real size than it is in 12-pt Arial. That, of course, is one reason I find Verdana especially legible and lovable.
75
3763
by: Karl Smith | last post by:
Anyone who has read c.i.w.a.* for more than a few weeks knows that one of the pet hates of the CIWAHians is Verdana (it's a typeface, BTW). Future archeologists stumbling across these messages out of context could be forgiven for thinking "Verdana" must be some kind of dangerous animal. We must get rid of it, before it gets us! Oddly, they can never seem to articulate *why* they dislike Verdana, other than some vague assertion that it...
8
2262
by: kchayka | last post by:
<URL:http://www.w3.org/QA/Tips/font-size> In the "recommneded practices", I don't agree with their second bullet point, but the last 2 bullets sound like really bad advice, at least in a WWW context. How can they, in good conscience, advocate using font-size-adjust when it is virtually unsupported, besides probably being dropped from the next spec update? If they just made some disclaimers about browser support or font availability on...
7
3942
by: Randall Parker | last post by:
Using IE 6.x (whatever is the latest) on Windows 2000. For these two CSS definitions if I remove the 2 lines that have the "mso-" font family definitions (mso-fareast-font-family, and mso-bidi-font-family) then the "SmallerText" assigned as a class to a div tag produces larger text than the "SmallerText2". So x-small is treated as a bigger font size than plain old small. How the heck is one supposed to know all the MS stuff one needs...
0
9646
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
10350
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
10157
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
10097
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
8983
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
7505
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
5386
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
5518
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
4055
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

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.