|
|
Posted by Andy Dingley on 05/08/06 13:35
Michael Laplante wrote:
> I've replaced a page title -- formerly a graphic to maintain text size --
> with actual text. However, I don't want this title to re-size dramatically
> should a user change the font size in their browser.
Set the size in pixels and set the text sizes for the rest of the page
in ems or %. Make sure that body text remains at 1em and that "small
print" doesn't go smaller than 0.67em.
By this means, users should get good readability at their default text
sizes and don't need to go around re-sizing things. IE users will also
keep the pixel sizes constant (as they ought to), FF users will still
see variation in the pixel sized text. This isn't perfect, but it's the
best I know how to achieve.
I do use pixel sizes where I need to constrain text to fit into a
graphical design feature (such as breadcrumbs into a fixed height
stripe) but I don't do it for "page titles" - they get em sizes, same
as the other "content". As to usability, then I'm prepared to have the
breadcrumbs become unusable for size-sensitive graphical readers,
rather than break the page layout for everyone. They still work fine in
text mode or with a browser that specifically recognises nav menus.
You _might_ also use an IE conditional comment to reduce the body text
size below 100%. This is needed because IE screws up default handling
on large screen resolutions / not-so-large physical screens where users
have used the Windows display properties of "Large fonts" to keep
things readable. This is an IE 6 (and earlier) bug.
Navigation:
[Reply to this message]
|