0

I would like to create an email signature that requires a certain font to be present. I know that a large percentage of my email recipients have the proper font but for those that do not I do not want certain text displayed.

How do I do this conditional CSS based on available fonts?

Thanks.

Dan
  • 1

4 Answers4

3

The short answer is you can't.

Finding out the actual used font from a list of font-family values is hellishly difficult bordering the impossible even using JavaScript. It's impossible in CSS.

The only way to do this is probably by rendering the text as an image.

Community
  • 1
  • 1
Pekka
  • 442,112
  • 142
  • 972
  • 1,088
0

This isn't possible though CSS alone. And since you can't use javascript (this is in an email), you're more or less out of choices. Why not use an image of the text you want to display? A nice png would do the trick, and no one would know the difference. Of course, you won't be able to select the text this way.

matthewpavkov
  • 2,918
  • 4
  • 21
  • 37
0

the only way possible i've seen requires javascript but since javascript isn't available to you in email you are limited to presentation-only rules which can't be parsed for client-side info.

FatherStorm
  • 7,133
  • 1
  • 21
  • 27
0

i agree with matthewpavkov , an image is the way to go. you could try using @font-face, but i don't know if it's really worth the hassle for a signature.

Sebastian Patane Masuelli
  • 4,217
  • 1
  • 18
  • 23