Font icons - who fights bugs how?

Question

css

Recently, I often began to observe such small bugs with icons. Either it draws a pixel, then it cuts it off ... Personally, I struggle with this with resizing. And sometimes normal occurs even after 5 pixels. But if you need exactly this font size, the problem is ... Who does it how?

Font css:

@font-face {
  font-family: 'FontAwesome';
  src: url('../../fonts/fontawesome-webfont.eot?v=3.2.1');
  src: url('../../fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../../fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../../fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../../fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],[class*=" icon-"] {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  *margin-right: .3em;
}
[class^="icon-"]:before,[class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}

Answer 1

www.adtrak.co.uk/blog/font-face-chrome-rendering/#fix