Fix chrome @font-face rendering

usually we use a script like this @ fontface

@ font-face {
     font-family: 'chunk-webfont';
     src: url ('.. / fonts / chunk-webfont.eot');
src: url ('.. / fonts / chunk-webfont.eot? # iefix') format ('EOT'),
          url ('.. / fonts / chunk-webfont.woff') format ('WOFF'),
          url ('.. / fonts / chunk-webfont.ttf') format ('truetype'),
url ('.. / fonts / chunk-webfont.svg') format ('svg');
     font-weight: normal;
     font-style: normal;
}

with the above script produces hutuf that broke out in chrome

Now change the script like this

@ font-face {
     font-family: 'chunk-webfont';
     src: url ('.. / fonts / chunk-webfont.eot');
src: url ('.. / fonts / chunk-webfont.eot? # iefix') format ('EOT'),
          url ('.. / fonts / chunk-webfont.svg') format ('svg'),
          url ('.. / fonts / chunk-webfont.woff') format ('WOFF'),
          url ('.. / fonts / chunk-webfont.ttf') format ('truetype');
     font-weight: normal;
     font-style: normal;
}

results

source