Posted by Jonathan N. Little on 03/25/06 17:23

Cerebral Believer wrote:
> Hi all,
>
> I am keen to allow people who view my site to be able to resize the text in
> their browsers (especially for people who need to read larger text). With
> my old web-page I specified the point size in the HTML code, and noticed
> that when using Internet Explorer the text could not be resized. In
> designing my new site I have chosen to express the text sizes as percentages
> in a stylesheet, e.g.
>
> .side_panel_title {
> font : bold 50% 'Trebuchet MS',
> 'Lucida Grande', Arial, sans-serif;
> color : #990000;
> }
> .side_panel_text {
> font : 50% 'Trebuchet MS', 'Lucida
> Grande', Arial, sans-serif;
> color : #373737;
> }
>
> I did this thinking that the viewers of my web-pages would be able to select
> larger font sizes for viewing by adjusting their browser text settings.
> However, when the page is rendered in Internet Explorer, the text only
> appears in a readable size (the size I actually designed the page) when the
> "View | Text Size | Largest" setting is selected. I had thought that users
> would be able to increase the size text to a larger size than the sizes I
> used to design the page in order to make the text easier to read - that is
> what I want to achieve, that is the same effect as on the w3org site
> http://www.w3.org/. What am I doing wrong?

font: bold 50% 'Trebuchet MS','Lucida Grande', Arial, sans-serif;
^^^^
THAT! 50% in incredibly small!

BODY { font-size: 100%; }
..anything_else not smaller than 75%, 80% is usually the preferred
smallest for stuff like boilerplate.

Or is what I am trying to
> achieve not possible (this way)?


--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

[Back to original message]