Visualizador de Iconfont

Visualize rapidamente os ícones e códigos contidos no arquivo de fonte.

Escolher arquivo de fonte (.ttf, .otf, .woff)

      Naming Table - name

        Font Header Table - head

          Horizontal Header table - hhea

            Maximum Profile table - maxp

              OS/2 and Windows Metrics table - OS/2

                PostScript table - post

                  Character To Glyph Index Mapping Table - cmap

                    Font Variations table - fvar

                      Metadata table - meta

                        Control Value Table - cvt

                          CVT Program - prep

                            Font program - fpgm

                              Glyph Substitution Table - GSUB

                                Kerning - kern

                                  Como usar

                                  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.

                                  O tamanho do arquivo excede o limite.

                                  Você não pode fazer upload de mais arquivos.

                                  Atualize sua conta para desbloquear mais recursos

                                  Faturamento Mensal
                                  Faturamento Anual
                                  -40%

                                  Premium

                                  US$ / Mês
                                  Pagamento único de US$36

                                  Ilimitado

                                  US$ / Mês
                                  Pagamento único de US$72