intruxxer
12/18/2013 - 5:19 AM

Quick Fix Rendering @font-face in Webkit-brower

Quick Fix Rendering @font-face in Webkit-brower

/* Add this beside the typical @font-face declaration in CSS */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'HelveticaNeueBold';
    src: url('fonts/HelveticaNeueBold.svg') format('svg');
  }
}

/*The @media query targets webkit browsers and tells them to solely utilize the .SVG file. In my experience this improves rendering on Windows Chrome.*/