> Do you know of a font-size checker.  I don't fully trust 
> firebug's layout
> measurement when it comes to font-sizes, as I think it gives 
> a value for the
> entire area that the font covers rather than the equivalent value in
> pixels.  Or am I wrong and I should trust firebug?

Not sure what you mean, but the first thing to remember is that in CSS,
"pixel" doesn't mean "single dot on the screen" as it does in something like
Photoshop:
<http://www.w3.org/TR/CSS21/syndata.html#x39>

In practice, browsers currently do map CSS pixels to device pixels for
screen output, although this will change as display technologies improve.


> increasingly I get bugs 
> returned from clients
> saying the fonts vary from the original design

What do you mean precisely by "the original design"? Do you mean comps
produced in Photoshop, Illustrator or some such application?

If so you should be aware that these applications tend to render
anti-aliased fonts by default, but web browsers on the Windows platform
rendering to a non-LCD display (or with an LCD where Microsoft's ClearType
technology is not enabled) perform no anti-aliasing. As a result, clients
will be shown a lovely anti-aliased design comp, but when they view the
actual page on their 3 year old computer with a 7 year old monitor, it will
have nasty jagged fonts. It's best to avoid building up their expectations
when presenting designs for web pages to them.

At a design studio I worked at a few years ago I asked the designers to
disable font smoothing in PhotoShop when mocking up web pages. They
complained that it made their designs "look ugly", but when I pointed out
that they were just seeing what the end users would see, they realised that
it was better to work to the limitations of the destination technology,
rather than show the client beautifully smooth designs which were not, in
reality, achieveable in a web browser on Windows.

Regards,

Nick.
-- 
Nick Fitzsimons
http://www.nickfitz.co.uk/


______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to