using Avant Garde font

I have a client who is fixated on using the Avant Garde font. I know a
lot of PC's don't have it, so I've hunted for a fall-back font to
list. But does anyone have a suggestion for getting the Avant Garde
look on a Web page?

In article
<0bd4821a-4756-4557-ba84-95b3988729e4 (AT) p23g2000vbl (DOT) googlegroups.com>,
jeffg <jeffgutsell (AT) fuse (DOT) net> wrote:

I have a client who is fixated on using the Avant Garde font. I know a
lot of PC's don't have it, so I've hunted for a fall-back font to
list. But does anyone have a suggestion for getting the Avant Garde
look on a Web page?

Well, if you find something you think is close to that font, put it next
in the list and end with 'sans-serif' in your CSS for font-family. But
it will only improve the situation significantly if people are
significantly likely to have it if they do not have the Avant Garde font
your client wants. You can put in as many fallbacks in the list

font-family {..., ..., ..., sans-serif;}

as you like. But the same logic of the likelihood of them doing any real
good will only hit pay-dirt when a big number of users have those fonts.

Naturally, you can have that look if you make all the text pictures but
not at all a good idea. You could, depending on your pages, have a few
headings in that way. But there are many cons against even this (but it
is not as bad as all that... though, looking at this font, it does not
seem so unusual to me to be worth making pictures of headings in it.
Occasionally I make headings with fancy fonts, especially when I want to
put a few other graphic elements in...

--
dorayme

On 2009-09-27, dorayme wrote:

In article
0bd4821a-4756-4557-ba84-95b3988729e4...oglegroups.com>,
jeffg <jeffgutsell (AT) fuse (DOT) net> wrote:

I have a client who is fixated on using the Avant Garde font. I know a
lot of PC's don't have it, so I've hunted for a fall-back font to
list. But does anyone have a suggestion for getting the Avant Garde
look on a Web page?

Well, if you find something you think is close to that font, put it next
in the list and end with 'sans-serif' in your CSS for font-family. But
it will only improve the situation significantly if people are
significantly likely to have it if they do not have the Avant Garde font
your client wants. You can put in as many fallbacks in the list

font-family {..., ..., ..., sans-serif;}

as you like. But the same logic of the likelihood of them doing any real
good will only hit pay-dirt when a big number of users have those fonts.

Naturally, you can have that look if you make all the text pictures but
not at all a good idea. You could, depending on your pages, have a few
headings in that way. But there are many cons against even this (but it
is not as bad as all that... though, looking at this font, it does not
seem so unusual to me to be worth making pictures of headings in it.
Occasionally I make headings with fancy fonts, especially when I want to
put a few other graphic elements in...

I've created a few headers with Avant Garde, e.g.,
<http://webdesign.cfajohnson.com/fixed-width/>. I write a short
PostScript program and use ImageMagick's convert utility and
giftrans (or gimp) to create the final GIF:

%!PS-Adobe-3.0
%%BoundingBox: 0 0 860 92

/F { findfont exch scalefont setfont } def
5 10 moveto
5 22 moveto
3 dup scale
30 /ITCAvantGarde-Demi F
0 0 0 setrgbcolor
gsave
(A tale of two pages) dup show
grestore
-1 2 rmoveto
1 1 .65 setrgbcolor
show
showpage



--
Chris F.A. Johnson <http://cfaj.freeshell.org>
================================================== =================
Author:
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)

In article <7i813rF2u0ep1U2 (AT) mid (DOT) individual.net>,
"Chris F.A. Johnson" <cfajohnson (AT) gmail (DOT) com> wrote:

On 2009-09-27, dorayme wrote:
....
...
Occasionally I make headings with fancy fonts, especially when I want to
put a few other graphic elements in...

I've created a few headers with Avant Garde, e.g.,
http://webdesign.cfajohnson.com/fixed-width/>. I write a short
PostScript program and use ImageMagick's convert utility and
giftrans (or gimp) to create the final GIF:

%!PS-Adobe-3.0
%%BoundingBox: 0 0 860 92

/F { findfont exch scalefont setfont } def
5 10 moveto

mmm... well, that's a nice geeky way to do it! I do it in Illustrator or
Fireworks (both strong on font management) and export to gif or png or
whatever.

I used to play about with sizing such things in ems in the CSS (to get
scaleable) and if you make the original a good quality at the likeliest
biggest size humans will need, they scale down fabulously on Macs and
many modern browsers. But I have been persuaded that this is not so much
the case with IE especially and not on Windows...

--
dorayme

On 2009-09-27, dorayme wrote:

In article <7i813rF2u0ep1U2 (AT) mid (DOT) individual.net>,
"Chris F.A. Johnson" <cfajohnson (AT) gmail (DOT) com> wrote:

On 2009-09-27, dorayme wrote:
...
...
Occasionally I make headings with fancy fonts, especially when I want to
put a few other graphic elements in...

I've created a few headers with Avant Garde, e.g.,
http://webdesign.cfajohnson.com/fixed-width/>. I write a short
PostScript program and use ImageMagick's convert utility and
giftrans (or gimp) to create the final GIF:

%!PS-Adobe-3.0
%%BoundingBox: 0 0 860 92

/F { findfont exch scalefont setfont } def
5 10 moveto


mmm... well, that's a nice geeky way to do it! I do it in Illustrator or
Fireworks (both strong on font management) and export to gif or png or
whatever.

I used to play about with sizing such things in ems in the CSS (to get
scaleable) and if you make the original a good quality at the likeliest
biggest size humans will need, they scale down fabulously on Macs and
many modern browsers. But I have been persuaded that this is not so much
the case with IE especially and not on Windows...

I think the problem must be Windows itself more than IE. I
occasionally run IE under wine on Linux, and resizing looks all
right. (It does depend on the quality of the file.)


--
Chris F.A. Johnson <http://cfaj.freeshell.org>
================================================== =================
Author:
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)

Gazing into my crystal ball I observed jeffg <jeffgutsell (AT) fuse (DOT) net> writing
in news:0bd4821a-4756-4557-ba84-95b3988729e4 (AT) p23g2000vbl (DOT) googlegroups.com:

I have a client who is fixated on using the Avant Garde font. I know a
lot of PC's don't have it, so I've hunted for a fall-back font to
list. But does anyone have a suggestion for getting the Avant Garde
look on a Web page?

Some browsers are able to do @fontface:

1. Opera
2. Safari
3. Firefox (but will only accept relative links)
4. IE only supports EOT

More information:
http://webfonts.info/wiki/index.php?title=%40font-face_browser_support

--
Adrienne Boswell at Home
Arbpen Web Site Design Services
http://www.cavalcade-of-coding.info
Please respond to the group so others can share

In article <7i8308F30802lU1 (AT) mid (DOT) individual.net>,
"Chris F.A. Johnson" <cfajohnson (AT) gmail (DOT) com> wrote:

On 2009-09-27, dorayme wrote:
In article <7i813rF2u0ep1U2 (AT) mid (DOT) individual.net>,
"Chris F.A. Johnson" <cfajohnson (AT) gmail (DOT) com> wrote:

On 2009-09-27, dorayme wrote:
...
....
I used to play about with sizing such things in ems in the CSS (to get
scaleable) and if you make the original a good quality at the likeliest
biggest size humans will need, they scale down fabulously on Macs and
many modern browsers. But I have been persuaded that this is not so much
the case with IE especially and not on Windows...

I think the problem must be Windows itself more than IE. I
occasionally run IE under wine on Linux, and resizing looks all
right. (It does depend on the quality of the file.)

You are probably right, I must recheck, I have pared down my XP box to
bare essentials, IE. But I sort of recall em img scaling not looking all
that great on Win2000 when I did have FF on it.

--
dorayme

Adrienne Boswell wrote:

Gazing into my crystal ball I observed jeffg <jeffgutsell (AT) fuse (DOT) net> writing
in news:0bd4821a-4756-4557-ba84-95b3988729e4 (AT) p23g2000vbl (DOT) googlegroups.com:

I have a client who is fixated on using the Avant Garde font. I know a
lot of PC's don't have it, so I've hunted for a fall-back font to
list. But does anyone have a suggestion for getting the Avant Garde
look on a Web page?


Some browsers are able to do @fontface:

1. Opera
2. Safari
3. Firefox (but will only accept relative links)
4. IE only supports EOT

Legal issues here. I have Bitstream Avant Garde, and embeddding is
allowed. I also have URW Avant Garde, and embedding is NOT allowed.
The OP would have to check the font properties to see what is allowed
for his/her version.

27 Sep 2009 02:31:23 GMT from Chris F.A. Johnson
<cfajohnson (AT) gmail (DOT) com>:

I've created a few headers with Avant Garde, e.g.,
http://webdesign.cfajohnson.com/fixed-width/>. I write a short
PostScript program and use ImageMagick's convert utility and
giftrans (or gimp) to create the final GIF:

So much for search engines.



--
Stan Brown, Oak Road Systems, Tompkins County, New York, USA
http://OakRoadSystems.com/
HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2.1 spec: http://www.w3.org/TR/CSS21/
validator: http://jigsaw.w3.org/css-validator/
Why We Won't Help You:
http://diveintomark.org/archives/2003/05/05/why_we_wont_help_you

On 2009-09-27, Stan Brown wrote:

27 Sep 2009 02:31:23 GMT from Chris F.A. Johnson
cfajohnson (AT) gmail (DOT) com>:
I've created a few headers with Avant Garde, e.g.,
http://webdesign.cfajohnson.com/fixed-width/>. I write a short
PostScript program and use ImageMagick's convert utility and
giftrans (or gimp) to create the final GIF:

So much for search engines.

Don't search engines read alt text?

--
Chris F.A. Johnson <http://cfaj.freeshell.org>
================================================== =================
Author:
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)