Erik Zettersten wrote: > How can I go about making my font-size more appropriate for the web? I > appreciate your input - This has saved me a lot of hassle. > > Erik. >
RE: <http://turnaroundllc.com/beta/> Good question :-P , Erik. Your current page <http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fturnaroundllc.com%2Fbeta%2F> is proprietary HTML. For forward compatibility reasons new pages are best validated to a strict html or strict xhtml doctype. Some of us attempt to honor user default font-size. Approximate user default equivalents are: 16px, 1em, 100%, and keyword "medium." IE users have to jump through hoops to scale pixel based fonts, so let's scratch that one. Keyword "medium" has its own little cross-browser issues so lets dump it, too. You are good to go with em or percent. I prefer to use percent because it is more consistent cross-browser -- at least for the flaky kind of stuff I do... The difficulty with your page is that it is font-size dependent for survival. Users are known to do most anything. So best be prepared to cope with their little whims and ways. And inure your page can survive user preference to scale the fonts, drop the floats, cause text to overlap, and blow you out of the water. Some ways to do this are to avoid setting height on containers, avoid setting text on top of fixed height images, use a foundation layout that is stable, robust, and cross-browser reliable; and test at heavy hand font-scaling. I did a fast and dirty example of your page without all your bells and whistles. It holds at minimum font size 24px in FF and at minimum font-size 32px in Opera. Cursory checked in IE/6 and IE/7 at text-size largest. The doctype is xhtml strict. All fonts set at default (100%) with the exception of the footer text. Please see: <http://chelseacreekstudio.com/ca/cssd/test-75.html> HTH -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ ______________________________________________________________________ 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/
