1

I've just downloaded and tried the font "Proxim". Then I tested in Chrome, Firefox, IE and Safari.

In Chrome, the font looks very bad. Here are some screenshots:

The first one from Chrome:

Font in Chrome:

The second one from Firefox/IE/Safari:

Font in Firefox

The code that I'm using:

@font-face { 
font-family: Proxima; 
src: url('proxima.otf'); 
} 

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: Proxima;
    src: url('proxima.otf') format('otf');
  }
}
html {
    text-rendering: optimizeLegibility;
    -webkit-text-stroke: 0.25px;
    -webkit-font-smoothing: antialiased;
    width: 100%;
}

.content h1 {
    font-weight: 600;
    letter-spacing: -.05em;
    font-family: Proxima,sans-serif;
    font-size:6.25em;
    color: #fff;
}
Tim M.
  • 53,671
  • 14
  • 120
  • 163
user3681138
  • 337
  • 1
  • 3
  • 9
  • 1
    This is typical for Chrome. However, it looks like it will be fixed soon: http://stackoverflow.com/questions/21018037/bad-font-rendering-chrome?rq=1 – Tim M. Jul 22 '14 at 00:02
  • @TimMedora I found a way to fix this issue, it's by enabling DirectWrite in chrome://flags . Why won't they enable it as default until they fix this issue? – user3681138 Jul 22 '14 at 00:09
  • 1
    It looks like enabling DirectWrite by default *is* the fix they are talking about. I don't know why it wasn't the default in the first place. Maybe it was slow/unstable. – Tim M. Jul 22 '14 at 00:23

0 Answers0