List Info

Thread: Re: Scaleable fonts for Priority 2 WAI guidelines




Re: Scaleable fonts for Priority 2 WAI guidelines
country flaguser name
United States
2008-05-14 12:28:53
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:kparksmail.sdsu.edu
http://www.sa.s
dsu.edu/communications

http://kparks.de
viantart.com/gallery
----------------------------------------------------------

World Peace through Cascading Style Sheets.


_______________________________________________
To manage your subscription, visit http://list.webaim.org/
Address list messages to webaim-forumlist.webaim.org

Re: Scaleable fonts for Priority 2 WAI guidelines
user name
2008-05-14 14:08:14
Some precious rant about WCAG 2:
h
ttp://www.alistapart.com/articles/tohellwithwcag2/

Regards,

-- 
Krystian - Sunlust
Freelance on the side: Sunlust Designs - http://sunlust.net
Full time Website Designer at SME System Solutions Ltd
_______________________________________________
To manage your subscription, visit http://list.webaim.org/
Address list messages to webaim-forumlist.webaim.org

Re: Scaleable fonts for Priority 2 WAI guidelines
user name
2008-06-03 06:15:52
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:
http://paulcollinsbond.co
m/

Cheers again for your reply.


2008/5/14 Keith Parks <kparksmail.sdsu.edu>:
>
> 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:kparksmail.sdsu.edu
> http://www.sa.s
dsu.edu/communications
>
> http://kparks.de
viantart.com/gallery
>
----------------------------------------------------------
>
> World Peace through Cascading Style Sheets.
>
>
> _______________________________________________
> To manage your subscription, visit http://list.webaim.org/
> Address list messages to webaim-forumlist.webaim.org
>
_______________________________________________
To manage your subscription, visit http://list.webaim.org/
Address list messages to webaim-forumlist.webaim.org

[1-3]

about | contact  Other archives ( Real Estate discussion Medical topics )