Large Fonts

Jimmy Changa's picture

They have: 220 posts

Joined: Mar 2003

Ok, I really need to get cracking on my design skills to accomodate this "problem". People using a high resolution often use "large fonts" and this screws up my tables and layouts big time. I use a combination of fixed width and percentages usually but mostly fixed I guess...maybe that's my problem.

An example of this is found on the front page of TortillaBoy.com. The small menu tables get all screwed up when viewed with "large fonts". Sad

What methods do you guys use to accomodate this?

They have: 42 posts

Joined: Dec 2002

Well TortillaBoy.com worked perfect on my brower with "smaller" font and when I switched to "Largest" it stayed the exact same size. How exactly did you do that?

disaster-master's picture

She has: 2,154 posts

Joined: May 2001

hehe....yer talking to yourself. Laughing out loud

I think you may need Suzanne or busy on this one but look at this for now.

http://www.alistapart.com/stories/fear4/index.html
If I run across more, I will add them.

Sonia

The Webmistress's picture

She has: 5,586 posts

Joined: Feb 2001

The text that seems to change is the headings on your 'buttons' but I notice that you have font tags for these. Put all your fonts into your style sheet and specify a font size for them in there.

Julia - if life was meant to be easy Michael Angelo would have painted the floor....

Jimmy Changa's picture

They have: 220 posts

Joined: Mar 2003

I don't mean switching to larger fonts in the browser, I mean the "right click on desktop/properties/settings/advanced tab"

Normally I would have added it to my CSS but I was just playing with it as an option...anyway, it works the same whether I use CSS or not.

*shrugs*

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

... I don't think your premise holds true, btw.

My monitor is set to 1280x960 and my font size is the default.

Anyway, only IE/Win will be stymied by pixel sizing. Every other browser (current) can resize anything, so don't be lulled into thinking that pixels will save you entirely, lol!

Best to go fluid, young man.

Jimmy Changa's picture

They have: 220 posts

Joined: Mar 2003

My premise holds true if you go to "right click on desktop/properties/settings/advanced tab" and choose "large fonts".

My fonts are sized by "pt"...is that not good?

The Webmistress's picture

She has: 5,586 posts

Joined: Feb 2001

pt is for printing

Jimmy Changa's picture

They have: 220 posts

Joined: Mar 2003

So is it better to use "px" or "em" for fonts, or should I go with relative units?

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

Sweetie, I use a mac, lol... I can right click all I want, I don't have those options. However, if I go wandering into my settings, yes, of course I can change them, but I don't need to, nor do I want to. I don't know anyone who uses a large screen resolution and large fonts -- notably because the point of a large screen resolution is to gain more desktop space, which larger fonts would render pointless.

Pixels are absolute
Em and % are relative
Keywords are resizable
Points are for print

Jimmy Changa's picture

They have: 220 posts

Joined: Mar 2003

mac? Well, that kinda changes things, I'd imagine. The "Larger Fonts" setting simply increases fonts 125% in size. Maybe it's just the folks I work with, but several have it set that way, so when I show them my "cool" new thing, it's screwy. My new design will just have to accomodate this using expandable table graphics and "nowrap"s.

So it's pixels then? Hmmmm.

I'm not all THAT obsessive...really I'm not! lol

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

Careful with the nowrap if you want to validate... Wink Or resize smaller, heavens forbid, lol.

Maybe it's just the folks you work with, lol. I can see why you would, but really, it seems silly, why not just get a bigger monitor or lower the resolution a bit?

Ah, well, having a stretchier site will be better all around, let's see if we can talk you into using CSS-P, heh.

Jimmy Changa's picture

They have: 220 posts

Joined: Mar 2003

But but but....I love my tables!

Why I want to choose CSS-P instead?

utoh, were now officially off topic. :0

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

heh, won't be the first thread to derail.

Well it depends on the site, and the audience, clearly, but CSS-P allows you some flexibility that tables can't, including ease of recreation in different styles, and also being able to server different end users (print, screen, pda, cell phones) without having to redesign or recreate the content.

But as I said, it has everything to do with audience. Smiling

Jimmy Changa's picture

They have: 220 posts

Joined: Mar 2003

I was planning on setting up my new design in PHP so that I could use "include"s and be prepared for when I get around to learning MySQL and the database driven site design. Not that using CSS-P isn't possible along with PHP or anything, but I may screw it up trying to do too much at once (like that's ever stopped me before). I was also considering XHTML...

so many choices! Smiling gotta love it.

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

You can use xhtml, php and css in the same site, they aren't mutually exclusive, they are actually complementary.

synapticimpulse.com <-- my personal site is xhtml, php and css2 (and css-p)

There are lots of examples at meryl.net -- look for CSS layout pages.

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.