In Responsive Design, one uses Media Queries in the CSS to rearrange elements on the page to flow irregardless of what the device may be.

As we touched on before, you can use Media Queries to check if the screen is a Retina display, and if so replace an image with one that is double the size so that it remains crisp. Using an icon font, there is no need.

Vector Icon Font Sets

Lately, there have been quite a few icon fonts released. These are perfect for responsive design. We can embed using @font-face in our CSS. Fonts will scale to any size while remaining crisp and clear.