Taking advice from the noodle incident:

http://www.thenoodleincident.com/tutorials/typography/index.html

For the last few years I've always set Body to 76% and the all other
font size rules use ems.

Since then I've not had to worry about font sizes ever again.

On 06/07/06, Sam <[EMAIL PROTECTED]> wrote:



I've had to worry about how different browsers render different screen sizes
for text for years.  I don't want to use "px" for font-size as IE will
cripple the browsers "VIEW, Text Size" control.  We need to keep the
text-size browser control fully operational for accessibility and usability.
 At the same time, we want text-laden pages to render "approximately" the
same across all browsers on page load, normal text-viewing-size.

My reference on the subject has been the work of Owen Briggs:

http://www.thenoodleincident.com/tutorials/box_lesson/font/index.html

This work gets close, but for my purposes, it could be improved.  Firefox
will always renders text noticeably larger  than IE and these are the two
most significant browsers in our user base.  The page layouts differ more
than I would like.

Using JavaScript, it might be possible to get a better match in IE and
Firefox text-size by detecting the browser type and setStyle on the body
{font-size: value} to a browser-specific setting such that the "normal"
rendering size was the same across all browsers.

Before I go off and invent the wheel again; has anyone seen anything like
this done elsewhere?

Sam
_______________________________________________
Rails-spinoffs mailing list
Rails-spinoffs@lists.rubyonrails.org
http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs





--
Andrew Tetlaw
htp://tetlaw.id.au
_______________________________________________
Rails-spinoffs mailing list
Rails-spinoffs@lists.rubyonrails.org
http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs

Reply via email to