How to overcome fontaswesome icon display inaccuracy?

Question

css

I use fontawesome in one project and trouble happened to it.
The whole point is in the pictures:

The first image was obtained with: the
body { font-family: 'Open Sans', sans-serif; }
second with
body { font-family: sans-serif; }
While naturally no one touched the styles of the fa itself. What a mess with subpixel accuracy, so the vertical and horizontal lines are a little "blurred" (especially noticeable on the camera), which gives the icons a somewhat disgusting look.
Tested on Mac OS X (yosemite), Google Chrome 40.0.2214.111 (64-bit) Has
anyone come across this? Is there any way to beat blurring?

Answer 1

You need to check the font size that you set for the icons, it must be an integer, and such a jamb may be due to a too small font size