doggydoodoo
11-29-2006, 06:31 PM
How do you make the font-size to fit to page?
Click to See Complete Forum and Search --> : Fitting Text To Page/Table/ANYTHING!
Jeff Mott
11-29-2006, 07:11 PM
The second result from a quick Google search: http://nickcowie.com/2006/the-fluid-elastic-reboot/
And a touch of my own opinion: I don't want to have to squint to read the text if my browser is not maximized. I don't see the value in shrinking the text simply because my browser is not as big as it can be.
And a touch of my own opinion: I don't want to have to squint to read the text if my browser is not maximized. I don't see the value in shrinking the text simply because my browser is not as big as it can be.
Kravvitz
11-29-2006, 10:41 PM
Yes, text size should not be dependent on the dimensions of the browser window.
I suggest you read these as well:
Elastic Design (http://www.alistapart.com/articles/elastic/)
About fluid and fixed width layouts (http://www.456bereastreet.com/archive/200504/about_fluid_and_fixed_width_layouts/)
Fixed or fluid width? Elastic! (http://www.456bereastreet.com/archive/200504/fixed_or_fluid_width_elastic/)
I suggest you read these as well:
Elastic Design (http://www.alistapart.com/articles/elastic/)
About fluid and fixed width layouts (http://www.456bereastreet.com/archive/200504/about_fluid_and_fixed_width_layouts/)
Fixed or fluid width? Elastic! (http://www.456bereastreet.com/archive/200504/fixed_or_fluid_width_elastic/)
nickobec
12-01-2006, 12:32 AM
And a touch of my own opinion: I don't want to have to squint to read the text if my browser is not maximized.
The main reason I started using javascript to adjust font size and page width was that I was getting tired of squinting at sites with 10px fonts designed for CRT monitors running at 800x600, while browsing the web on a laptop with 15" LCD running at 1600x1200, with sites occupying half my browser window, having tiny fonts, say equal to 6px on a CRT and then watching the site fall apart as I increased the font size to a readable size.
I don't see the value in shrinking the text simply because my browser is not as big as it can be.
The text does not shrink, it starts at 10px for 720px wide browser window and grows from there. If you have a 360px wide browser window, the website still has 10px base font and is 720px wide. However if your browser window is around 1240px wide the base font is 16px and the page is 1200px wide. The bad news is if you have a 30" apple cinema display and browse with your window maximize you need to stand next to the opposite wall to read the site ;-)
Nick Cowie
The main reason I started using javascript to adjust font size and page width was that I was getting tired of squinting at sites with 10px fonts designed for CRT monitors running at 800x600, while browsing the web on a laptop with 15" LCD running at 1600x1200, with sites occupying half my browser window, having tiny fonts, say equal to 6px on a CRT and then watching the site fall apart as I increased the font size to a readable size.
I don't see the value in shrinking the text simply because my browser is not as big as it can be.
The text does not shrink, it starts at 10px for 720px wide browser window and grows from there. If you have a 360px wide browser window, the website still has 10px base font and is 720px wide. However if your browser window is around 1240px wide the base font is 16px and the page is 1200px wide. The bad news is if you have a 30" apple cinema display and browse with your window maximize you need to stand next to the opposite wall to read the site ;-)
Nick Cowie
toicontien
12-01-2006, 09:27 AM
Kravitz has the right idea here. It's nice that you want the fonts to be a readable size, but what you should do is create a design that doesn't horribly fall apart when the text size is increased. Then the user can decide what the base readable font size is. And it's less work for you. However...
I created a site whose widths were based on the em unit of measure. Perhaps define your layout in ems, then use javascript to increase the font size until the layout pretty much fills the screen, if the screen is wider than the layout?
I created a site whose widths were based on the em unit of measure. Perhaps define your layout in ems, then use javascript to increase the font size until the layout pretty much fills the screen, if the screen is wider than the layout?
Jeff Mott
12-01-2006, 12:48 PM
I was getting tired of squinting at sites with 10px fonts ... on a laptop with 15" LCD running at 1600x1200 ... then watching the site fall apart as I increased the font size to a readable sizeInstead of working in a high resolution and then enlarging everything on your screen, perhaps you should simply lower your screen resolution. . . . Just a thought.
The bad news is if you have a 30" apple cinema display and browse with your window maximize you need to stand next to the opposite wall to read the siteThis is exactly the kind of reason why you should _not_ do as you proposed. Everyone has their computer tailored to work well for them. You happen to have chosen an inconvientent resoution for a 15" monitor. (A 15" screen should not be going higher than 1152 pixels wide.) Elastic font-sizing is tailoring to yourself, not to your users.
The bad news is if you have a 30" apple cinema display and browse with your window maximize you need to stand next to the opposite wall to read the siteThis is exactly the kind of reason why you should _not_ do as you proposed. Everyone has their computer tailored to work well for them. You happen to have chosen an inconvientent resoution for a 15" monitor. (A 15" screen should not be going higher than 1152 pixels wide.) Elastic font-sizing is tailoring to yourself, not to your users.
nickobec
12-01-2006, 10:34 PM
Instead of working in a high resolution and then enlarging everything on your screen, perhaps you should simply lower your screen resolution.
I disagree, in my opinion LCD display quality is best at natural resolution. And if it works well for my all other tasks, why should I decrease the resolution and decrease the quality of my display, just to browse some web sites.
This is exactly the kind of reason why you should _not_ do as you proposed.
That was an extreme example and all three methods (fixed, fluid and elastic) of websites construction fail in someway on 3000px at 30".
Everyone has their computer tailored to work well for them.
Exactly, I have tailored the laptop to work well for me.
You happen to have chosen an inconvientent resoution for a 15" monitor. (A 15" screen should not be going higher than 1152 pixels wide.)
Inconvenient for who? The people who create fixed width websites I can not use or me because I can not used fixed width sites (actually I can I use page zoom in Opera).
Elastic font-sizing is tailoring to yourself, not to your users.
I disagree, elastic font-sizing, tailors the website to the users browser width. Other method try and force users to change how they browse.
As more laptops are sold than desktops http://news.com.com/PC+milestone--notebooks+outsell+desktops/2100-1047_3-5731417.html almost all laptops have higher density screens. How do you build a site that works for a user on a 800x600 CRT monitor @72 pixels per inch with the browser window maximized and a user with a 1500px wide browser window on a 1920x1200 LCD monitor @ 150 pixels per inch?
I disagree, in my opinion LCD display quality is best at natural resolution. And if it works well for my all other tasks, why should I decrease the resolution and decrease the quality of my display, just to browse some web sites.
This is exactly the kind of reason why you should _not_ do as you proposed.
That was an extreme example and all three methods (fixed, fluid and elastic) of websites construction fail in someway on 3000px at 30".
Everyone has their computer tailored to work well for them.
Exactly, I have tailored the laptop to work well for me.
You happen to have chosen an inconvientent resoution for a 15" monitor. (A 15" screen should not be going higher than 1152 pixels wide.)
Inconvenient for who? The people who create fixed width websites I can not use or me because I can not used fixed width sites (actually I can I use page zoom in Opera).
Elastic font-sizing is tailoring to yourself, not to your users.
I disagree, elastic font-sizing, tailors the website to the users browser width. Other method try and force users to change how they browse.
As more laptops are sold than desktops http://news.com.com/PC+milestone--notebooks+outsell+desktops/2100-1047_3-5731417.html almost all laptops have higher density screens. How do you build a site that works for a user on a 800x600 CRT monitor @72 pixels per inch with the browser window maximized and a user with a 1500px wide browser window on a 1920x1200 LCD monitor @ 150 pixels per inch?
webdeveloper.com
Copyright Internet.com Inc., All Rights Reserved.
Copyright Internet.com Inc., All Rights Reserved.