Fontes de ícones afiadas

Fontes de ícones feitas, mas parecem borradas, mesmo com o tamanho original em que você as criou? Certifique-se de priorizar uma versão SVG da fonte.

Siga estas etapas:
* Projete glifos SVG 16×16 com o Illustrator usando “alinhar à grade de pixels”
* Importe-os para o gerador de ícones icomoon para gerar uma fonte
* (Aqui está o segredo) Inverta a ordem preferida dos formatos na sintaxe da face da fonte gerada por font-squirrel, colocando SVG acima de TTF.

@font-face {
font
-family: 'IcoMoonRegular';
src
: url('branchicon-webfont.eot');
src
: url('branchicon-webfont.eot?#iefix') format('embedded-opentype'),
url
('branchicon-webfont.svg#IcoMoonRegular') format('svg'),
url
('branchicon-webfont.ttf') format('truetype');
font
-weight: normal;
font
-style: normal;
}

Cenário