1. Faça upload de um arquivo de fonte (ttf, woff, otf).
2. Clique na barra de navegação de índice para visualizar os ícones na faixa.
3. Clique em um ícone para visualizar informações detalhadas sobre o ícone, incluindo unicode, posição do índice, tamanho, caminho e traçado, etc.
4. A área "Informações da fonte" exibe autor, editora, licença, metadados, versão, etc.

Sobre o Visualizador de Iconfontes

Quando você modifica o projeto de outra pessoa, muitas vezes precisa procurar referências a ícones no CSS e não pode ver visualmente todos os ícones.
O Visualizador de Iconfontes é uma boa solução para esse problema, você só precisa fazer upload do arquivo de ícone para visualizar todos os ícones e código.

What is Iconfont?

Iconfont é uma abordagem de fonte para criação de ícones, que não apenas melhora o desempenho da web, mas também funciona em plataformas de aplicativos iOS e Android. Hoje em dia, o design plano está varrendo a Internet e está se tornando cada vez mais popular. O princípio do Iconfont é transformar muitos ícones em bibliotecas de fontes e exibir os ícones por meio do estilo ou conjunto de caracteres da fonte.

Prós e Contras do Iconfont

Prós:
Todos os ícones estão em um único arquivo para gerenciamento fácil.
Reduz o número de solicitações e combina vários ícones em um único arquivo de fonte para melhorar o desempenho da página da web.
Mude livremente o tamanho e a cor, porque as fontes podem ser estilizadas para definir tamanho e cor.
A ilustração vetorial não é distorcida.
Adequado para várias plataformas (navegador, iOS App, Android App).

Contras:
Somente monocromático.
Não é conveniente modificar, adicionar um ícone precisa modificar todo o arquivo de fonte.
O tamanho e o alinhamento da linha de base não são bem controlados.