После появления сетчаточных дисплеев люди ищут такие альтернативы
PNG-значкам, которые не зависят от разрешения.
Кто-то влюбляется в шрифтовые значки, другие кричат «SVG». Сожалею, но если вы ищете панацею, то я боюсь, что её не существует. Давайте поближе поглядим, какие у нас есть варианты.
Шрифты со значками восхитительны, но…
они размыты. В них нет настоящей, попиксельной резкости. Да, использование
@font-face для значков обрело заметную популярность. Я и сам рекомендовал и даже стал
коллекционировать их. Но в таких значках есть изъян, который меня достаёт. Они всё ещё немного размываются на несетчаточных дисплеях (а таких до сих пор подавляющее большинство). Попробуйте поуправлять размером
у Криса в демонстрации и вглядитесь попристальнее. Эффект
по-разному проявляется у разных размеров, но все они имеют одну и ту же проблему «
полупиксельной размытости». Возможно, её заметить не так просто, так что вот здесь я увеличил скриншот пятнадцатипиксельного размера (а заодно и фоновый шум убрал):