Uso de fontes e links de ícones

1. Por que devemos usar fontes de ícone?
2. Por que não usar fontes de ícone?
3. Quais são as vantagens de usar fontes em vez de imagens como ícones?
4. Por que devemos usar as fontes de ícone, se possível, porque parecem melhores porque elas escalam sem parar e, portanto, não desbotam porque os navegadores lidam melhor com eles?

Por que devemos usar fontes de ícone?

Usando fontes para renderizar ícones tem vários benefícios: sendo baseado em vetores, são infinitamente escaláveis, ao contrário das imagens rasterizadas. Contido em um arquivo, o tamanho do arquivo é consideravelmente menor que uma coleção de imagens individuais-mesmo as baseadas em vetores.

Por que não usar fontes de ícone?

As fontes de ícones são notoriamente ruins para a acessibilidade e podem levar a algumas experiências frustrantes para aqueles que dependem de tecnologias assistivas. Tratado como texto - o navegador trata fontes como o texto, porque é isso que as fontes devem ser.

Quais são as vantagens de usar fontes em vez de imagens como ícones?

Uma grande vantagem das fontes de ícones é que elas escalam muito bem; Eles aumentam de tamanho com qualidade muito melhor do que imagens de raster. Além disso, como um ícone de fonte é o texto, o CSS pode ser facilmente aplicado para ajustar o tamanho e alterar a cor.

Por que devemos usar as fontes de ícone, se possível, porque parecem melhores porque elas escalam sem parar e, portanto, não desbotam porque os navegadores lidam melhor com eles?

Benefícios das fontes de ícones

Ao adotar fontes de ícones para o design do seu site, não há necessidade de renderizar ícones nas páginas da web usando imagens. Portanto, você pode evitar os problemas do uso de imagens, como o fato de que eles adicionam peso do arquivo, requerem solicitações HTTP adicionais e não escalam bem, usando fontes de ícone em vez disso.