2211 posts
  • Author had a File in an Envato Bundle
  • Author had a Free File of the Month
  • Bought between 50 and 99 items
  • Exclusive Author
  • Germany
  • Has been a member for 4-5 years
  • Interviewed on the Envato Notes blog
+4 more
crozer says

Hey,
I hope you could give me a hand, as this is quite strange:

As you can see, the text has been morphed into symbols. This behavior, I think, only happens on my laptop, as I haven’t experienced it before. The image above shows three different screenshots; the first and the second were taken from my theme’s tag cloud and a PSDTuts tutorial accordingly (these symbols do not disappear even after refreshing the page, etc.); the third is a screenshot of a marketplace (this however, after the site fully loads, disappears).

Another thing that happens to me, is when I attempt to upload an image to www.tinypic.com and write the CAPTCHA code: what I write is symbolized. Have a look and please try it yourself, too:

The symbols do represent what I am writing, because when I then hit ‘upload now’, the CAPTCHA does recognize what I’ve written.

Any ideas? I assume it could be related to Cufón, as my theme’s tag cloud, Tuts+ and the marketplaces consist of several cufón-headings.

Thanks a lot :)
Chris

2429 posts
  • Has been a member for 4-5 years
  • Exclusive Author
  • Europe
  • Bought between 10 and 49 items
  • Referred between 100 and 199 users
  • Sold between 100 and 1 000 dollars
  • Microlancer Beta Tester
digitalimpact says

It’s not related to Cufon. (Cufon-replaced text can’t even be selected nor used as body/input text)

Anyway, I bet you’re using Firefox, so here’s the answer to your problem.

To all the lazy ones that want a quick answer: Firefox has problems rendering Helvetica/Geneva in certain (larger sizes). Try and set the font-size smaller with Firebug and you’ll see it works ;)

EDIT : another solution would be to unistall those fonts from your system, though that sucks since we all love Helveeeetica :D

P.S.: Tuts+ uses the much-better @font-face ;)

306 posts
  • Elite Author
  • Sold between 100 000 and 250 000 dollars
  • Exclusive Author
  • Microlancer Beta Tester
  • United States
  • Has been a member for 4-5 years
  • Bought between 10 and 49 items
  • Referred between 1 and 9 users
brainbuzzmedia says

How can you use @font-face without it looking jagged?

2429 posts
  • Has been a member for 4-5 years
  • Exclusive Author
  • Europe
  • Bought between 10 and 49 items
  • Referred between 100 and 199 users
  • Sold between 100 and 1 000 dollars
  • Microlancer Beta Tester
digitalimpact says
How can you use @font-face without it looking jagged?

I don’t think you can. However, I prefer to use @font-face and let users be able to select text. Not to mention all the canvas elements Cufon bloats your code with…

I know Cufon is popular, this is just my (and Tuts+’s) point of view…

2211 posts
  • Author had a File in an Envato Bundle
  • Author had a Free File of the Month
  • Bought between 50 and 99 items
  • Exclusive Author
  • Germany
  • Has been a member for 4-5 years
  • Interviewed on the Envato Notes blog
+4 more
crozer says

Amazing digitalimpact, I can most definitely remove that annoying Helvetica; it is not the original one (I got a kind of corrupt, cheap Helvetica).

Thanks mate! Really appreciate it.

2429 posts
  • Has been a member for 4-5 years
  • Exclusive Author
  • Europe
  • Bought between 10 and 49 items
  • Referred between 100 and 199 users
  • Sold between 100 and 1 000 dollars
  • Microlancer Beta Tester
digitalimpact says

No problem mate :)

I was also pissed back when I had Helvetica and some sites looked unreadable. Now I only use it sporadically…

Sad part is that this issue is an old one and Mozilla still haven’t fixed it :(

1028 posts
  • Elite Author
  • Sold between 250 000 and 1 000 000 dollars
  • Author had a File in an Envato Bundle
  • Bought between 50 and 99 items
  • Exclusive Author
  • Has been a member for 4-5 years
  • Referred between 500 and 999 users
+1 more
ThemeBlvd says
How can you use @font-face without it looking jagged?

I don’t think you can. However, I prefer to use @font-face and let users be able to select text. Not to mention all the canvas elements Cufon bloats your code with…

I know Cufon is popular, this is just my (and Tuts+’s) point of view…

If IE would just render text nicely, we could all use @font-face and the world would be so much easier to live in… One day, my friends, one day…

2211 posts
  • Author had a File in an Envato Bundle
  • Author had a Free File of the Month
  • Bought between 50 and 99 items
  • Exclusive Author
  • Germany
  • Has been a member for 4-5 years
  • Interviewed on the Envato Notes blog
+4 more
crozer says

Hey,
I thought I would manage to fix this issue by reinstalling a stable, original and ‘clean’ version of Helvetica (from Adobe Fontfolio 11).

I got Adobe FF 11 , and installed all versions of Helvetica available (from LT STD , Helvetica Neue to the initial version). I restarted my system, refreshed and cleared all my Firefox’s cache in the hope of fixing this issue, but it still shows up – exactly as it did before.

Any thoughts? I can read and appreciate the beauty of Helvetica from my PC (throughout the Web), but it really sucks that on my Laptop, when checking my themes and other sites, everything looks so odd and chaotic.

I don’t think the only solution is to remove Helvetica or to adapt my Firefox or even switch back to Arial (font-family: Arial, Helvetica..) – I want and need to be able to create themes again with this font, for everyone to see equally.

Thank you very much in advance :)
Chris

2429 posts
  • Has been a member for 4-5 years
  • Exclusive Author
  • Europe
  • Bought between 10 and 49 items
  • Referred between 100 and 199 users
  • Sold between 100 and 1 000 dollars
  • Microlancer Beta Tester
digitalimpact says

As I said, this is not related to your font being broken or not.

It’s a Firefox issue – the browser simply can’t render it in some (apparently larger) sizes.

So until Mozilla address this issue, there’s not much you can do.

Works fine in other browsers though…

1475 posts The right tools with none of the gimmicks
  • Sold between 50 000 and 100 000 dollars
  • Elite Author
  • Has been a member for 4-5 years
  • Referred between 50 and 99 users
  • Bought between 10 and 49 items
  • Contributed a Tutorial to a Tuts+ Site
  • Exclusive Author
  • United States
+1 more
PixelBin says

Have you tried messing around with the Encoding in Firefox’s settings? That may solve your problem if you say it only happens on your laptop.

In Firefox, View > Character Encoding > Try changing it and see if it makes a difference.

by
by
by
by
by
by