I have some general questions about the use of Font Awesome with Twitter Bootstrap.

I used the LESS integration method described on their website.

1. I thought it was an "iconic" font. So why does it change the main text font provided with Twitter Bootstrap? Can I prevent this behavior?
2. Icons really look blurry compared to the Glyphicon png version provided with twitter bootstrap, especially at smaller sizes. Why?
3. What is the solution for displaying icons correctly (using Twitter Bootstrap) on both standard and retina displays?

Thanks for any input.

Edit: Here is an example of the issues I am having.

![Font Awesome issues](https://i.stack.imgur.com/Zq9fa.png)

As you can see, the font looks different after installing Font Awesome. The buttons shape and feel is lost. The green and red buttons' icons have been rendered using icon-large, but they still look very blurry. Further to this, I realize now that it just somehow screwed my design.