CODEWITHSUNDEEP
htmlcssfonts
blueSurfer
blueSurfer

Reputation: 5821

Font awesome on a Mac, awful on a PC

I choose for my website the following font:

http://fontscore.com/fonts/Helvetica-Neue-LT-Std-35-Thin_22514.html

On a Mac this font looks awesome while on Windows it looks horrible. Here's the screenshots:

This is on a mac

And this is on a pc

I tried to convert the font using a fontgenerator; I also add this stuff:

text-rendering: optimizeLegibility;
-webkit-font-smoothing: subpixel-antialiased;

Still the same result. I know that windows use Cleartype and treat fonts in different manner with respect to a Mac but is it possible to solve this?

EDIT: Here's my font face rule:

@font-face {
    font-family: 'Thin';
    src: url('fonts/helvetica-neue-lt.eot');
    src: url('fonts/helvetica-neue-lt.eot') format('embedded-opentype'),
         url('fonts/helvetica-neue-lt.woff') format('woff'),
         url('fonts/helvetica-neue-lt.ttf') format('truetype'),
         url('fonts/helvetica-neue-lt.svg#Thin') format('svg');
}

Upvotes: 0

Views: 2218

Answers (4)

Milche Patern
Milche Patern

Reputation: 20452

HelveticaNeue is an Apple system font. I don't believe there is a PC equivalent, asside Helvetica, witch is not the same, but a close looking one.

We had this situation too, especialy after trying to work with zurbFondation. We tried to debug, even wrote to mozilla ..

My best solution to your problem : don't use helvetica neue and stop your designers from using them like those who know not much about rendering engines.

Just don't use it. If you really really need explanations about 'why not use it' do like us, spend about 6 hours testing cross-plateform, cross-browsers .. and another 4 hours arguing with technical director and designers.

Yeah, this answer is not much of 'scientific' buy AYE! believe me, it's bad.

https://www.google.ca/#sclient=psy-ab&q=helvetica+neue+pc+firefox+problem

https://www.google.ca/#sclient=psy-ab&q=helvetica+neue+pc+problem

https://www.google.ca/#sclient=psy-ab&q=helvetica+neue+problem

Upvotes: 0

Markus Hofmann
Markus Hofmann

Reputation: 3447

Have a look at this article from typekit: CSS properties that affect type rendering .

Quoted from this article:

When it comes to type rendering on the web, there’s not much web designers can do. The way fonts appear on screen is mostly due to operating systems, browsers, typeface designs, font files, and how those font files are (or are not) augmented with instructions for the most unforgiving rendering scenarios. But in some cases, CSS properties can affect how type looks.

It's from 2011, but it covers some interesting things about font rendering which are still useful.

Upvotes: 0

imagineux
imagineux

Reputation: 89

I would suggest using http://www.google.com/fonts/

Arimo is a compatible font for helevetica neue

easy to implement and compatible across all platforms

Upvotes: 1

Michael Prestonise
Michael Prestonise

Reputation: 11

HelveticaNeue is a Mac system font, and the exact version that Apple uses is not available on PC (as far as I know). I usually add 'Arial' to the font-family style, and it displays fine on a PC.

Upvotes: 1

Related Questions