WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Scaleable fonts for Priority 2 WAI guidelines


From: Paul Collins
Date: Jun 3, 2008 5:30AM

Thanks for your reply Keith. I have done this before, but I would have
thought adding graphic text using CSS would be preferable as then
people using Mobile phones and other non-css supporting browsers would
just get the text and not a graphic that's 3 times the normal size!

Actually, on my own website I put the img tags in using a bit of
Javascript. That way I can resize the graphics with CSS and they scale
nicely like you've described and anyone who has scripts and CSS turned
off will just get the normal text...

It's on the main nav graphics:

Cheers again for your reply.

2008/5/14 Keith Parks < <EMAIL REMOVED> >:
> On May 14, 2008, at 9:36 AM, Paul Collins wrote:
>>> This is very valid, but at least you can resize sIFR, unlike graphic
>> image replacement.
> Actually, you *can* make graphic-as-type images resizable.
> Create your graphic oversize, say... 300% of the "normal" display
> size. And then through CSS spec the size of the image to be in EMs.
> It will then resize along with other type if the user bumps the type
> size up or down.
> Of course, some browsers render the resized type better than others.
> But the technique works.
> ******************************
> Keith Parks
> Graphic Designer/Web Designer
> Student Affairs Communications Services
> San Diego State University
> San Diego, CA 92182-7444
> (619) 594-1046
> mailto: <EMAIL REMOVED>
> http://www.sa.sdsu.edu/communications
> http://kparks.deviantart.com/gallery
> ----------------------------------------------------------
> World Peace through Cascading Style Sheets.