2

The pound signs (£) &pound; work perfectly within <p> tags, but are not showing up at all in the H3s on the site I'm building.

Edit: It looks like the issue is with the font cufon. But, I can't find this font (or H3) in the css.

SpaceBeers
  • 13,617
  • 6
  • 47
  • 61
Tara
  • 1,528
  • 4
  • 20
  • 28
  • What are all the `cufon` tags about? I suspect that might be the source of your problem, since your `p`-tags do not contain any of this. – Thor Jacobsen Dec 06 '11 at 11:05
  • 1
    The font you are using for `cufon` perhaps does not have the pound sign? Perhaps cufon is not parsing the `£` HTML entity correctly. Why don't you look into using [Web Fonts](http://www.google.com/webfonts) as an alternative to cufon? – Strelok Dec 06 '11 at 11:08
  • @Tara: It may be better if you mention Cufon use in the question by editing it. – Kris Dec 06 '11 at 11:23

1 Answers1

1

When you upload the font file to Cufon you want to tick the Punctuation box as well as letters and numerals. Otherwise it won't render any punctuation you have between Cufon enabled tags.

enter image description here

Your site is loading Cufon here:

<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/droid_sans_400-droid_sans_700.font.js"></script>

What you'll need to do is generate a new Cufon file (http://cufon.shoqolate.com/generate/) with the box ticked in the image and replace the file js/droid_sans_400-droid_sans_700.font.js with the new one that includes the punctuation.

Personally I would use as similar a Google Font as possible. Cufon has some issues with IE.

SpaceBeers
  • 13,617
  • 6
  • 47
  • 61
  • Thanks, the strange thing is, I can't find 'h3' or 'cufon' in the css doc at all. (It's from a template.) Any idea where it might be coming from? – Tara Dec 06 '11 at 11:25
  • Lines 8 and 9. That's where Cufon's being set. Is there any way you can re upload the font to generate a new js file? – SpaceBeers Dec 06 '11 at 11:28
  • I've edited lines 8 & 9 to this 'font:normal 14px Arial, Helvetica, sans-serif; background:#fff;', but it's still showing up the same... – Tara Dec 06 '11 at 11:36
  • Thank you Space :) I've just cut those lines out so it's a regular font now. – Tara Dec 06 '11 at 11:55
  • No worries. Have you thought about adding a Google font instead? It's loads easier to get to grips with - http://www.google.com/webfonts#ChoosePlace:select – SpaceBeers Dec 06 '11 at 11:56