FlowType: font-size and line-height based on element width

Post by Goosey » Wed, Aug 21, 2013, 7:01 PM UTC

dubcanada wrote: post #41

crazygringo wrote: post #23

PLEASE do not use this. Yes, the ideal ("most legible") width for a column of text is ~60 characters, no question. But that's only once you've chosen the most legible font size . You're supposed to adjust your column width to fit an appropriate number of characters, not adjust the font size to your column width! Adjusting the font size is completely backwards, and worst of all, it's breaking my browser zoom , so it's…

On another note, you should probably have a "minimum" font size option. Cause right now if I shrink my window to just before it switches media queries removing the box/scroll thingy. And move the scroll thingy to the far right, the font is like size 1px. While that may not matter as that is a rare case, if I am using a javascript library to control my font size (which is ridiculous if you ask me, but let's ignore tha…

Post by eli » Wed, Aug 21, 2013, 8:50 PM UTC

liamondrop wrote: post #34

The line-height part of this is unnecessary / duplicates css behavior. No need to use px. Just set the line-height to the ratio you want in css. p { line-height: 1.45; } and you're done.

Post by nickstinemates » Wed, Aug 21, 2013, 10:11 PM UTC

adamesque wrote: post #25

crazygringo wrote: post #23

PLEASE do not use this. Yes, the ideal ("most legible") width for a column of text is ~60 characters, no question. But that's only once you've chosen the most legible font size . You're supposed to adjust your column width to fit an appropriate number of characters, not adjust the font size to your column width! Adjusting the font size is completely backwards, and worst of all, it's breaking my browser zoom , so it's…

I commented on this elsewhere, but this didn't break my zoom at all — although I did have to bump it up to around 200% to start seeing increases. You could argue this is inconvenient, but not quite broken .

Post by molf » Wed, Aug 21, 2013, 11:15 PM UTC

spankalee wrote: post #39

dmarusic16 wrote: post #33

Earlier quoted context omitted.

As a web designer, I despair of users upping the font size and screwing up the words-per-line. Which is why I like Safari's iOS-like pinch-zoom feature. I do wish all browsers would move in that direction and in the end disallow users to arbitrarily up font sizes. That said, crazygringo's point is valid insofar as people do up their font sizes as a matter of course.

Try setting your text container dimensions in em then.

Post by ris » Thu, Aug 22, 2013, 12:24 AM UTC

jonny_eh wrote: post #47

indubitably wrote: post #36

Earlier quoted context omitted.

Yes, those silly people with bad vision.

Zoom good, font size increasing bad.