If A PITA Client Wants A Non Standard Font

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View
What do you say when your client wants their own custom font (non

Do you....

1) Give them the old "sorry, that font can not be used on the net
because it wont be seen?"

2) Tell them SURE! all we have do to is use sIRF

3) Do the following...
.style {font-family: Weird Monkey Font, Arial, Helvetica, sans-serif}

Re: If A PITA Client Wants A Non Standard Font

Gazing into my crystal ball I observed Fred

Quoted text here. Click to load it

I tell them the truth (#1) and invite them to give me the font to make a
few graphics (logo, etc).  I explain that even if I included their font
in the CSS, _they_ might see it as intended, but no one else would.  
Better for the client to see the truth.

Adrienne Boswell at Home
Arbpen Web Site Design Services
Please respond to the group so others can share

Re: If A PITA Client Wants A Non Standard Font

Quoted text here. Click to load it

Talking of (unusual) font replacement for headings etc, there is:


I was particularly unhappy that it does not scale until reload. Still, I
expect if you don't use tiny body text font like some developers, this
will be less likely to occur.

Yes, it uses Flash!


Re: If A PITA Client Wants A Non Standard Font

Quoted text here. Click to load it

Very easy to work around in JavaScript.

Put a div somewhere on the page, 1em wide.  Take it out of the page flow,
position absolute, whatever.  Doesn't matter that much because it's got
nothing in it and has a transparent background anyway.

Using JS store its width in pixels.  Create a timer, 10 times a second is
fine, doesn't put any strain on the browser and is near enough to instant
for all intents and purposes.  When the timer fires check if the width of
the 1em div in pixels matches the stored width.  If it doesn't update the
stored width and refresh the sifr.

Re: If A PITA Client Wants A Non Standard Font


Quoted text here. Click to load it

Yes, I am sure you are right and that's interesting, Nick. Any URLs that
demo this? I am sure less than 10 times a sec would be fine too.

I suppose that the original idea was pushed because it gave a quality
scaleability (notwithstanding what some might regard as a small drawback
- 'so what if a (presumably very legible enough) *heading* does not
scale when you change the text size' - and did not break accessibility
guidelines. And if people have no js enabled, it would not matter that
much just as it would not matter if they did not have the right Flash
enabled (they would see the fallback HTML heading font).

Not sure how many times I have said this, but it is a great shame that a
simple, image of text (prepared and served in ways I have previously
described) does not look good on all browsers or platforms. It is so
easy to do!

1. Make a nice heading in Illustrator or Photoshop or wherever.

2. Prepare it at the biggest reasonably likely size it will be viewed at
(use common sense)

3. Size it in ems in the CSS

4. Use whatever best practice fallback technique you want if image fails
to load

And watch it perform brilliantly enough (or hopelessly - usually in
Internet Explorer).

Having said that, I am a bit of a fan - at least for now - of HTML text.
It is not as if there is not quite a variety. To my eye, in the right
design, it looks well enough!


Site Timeline