0 Compartilhamentos 180 Views

Fontello

14 de novembro de 2013

É importante reduzir o uso de imagens nas suas páginas por causa do impacto das requisições excessivas. É importante também que os elementos da página escalem com suavidade para diferentes tipos de telas. Usando de forma inteligente o poder das webfonts, esta ferramenta online resolve os dois problemas com um único truque.

Fontello é um gerador de ícones baseados em fontes. Ao invés de usar aqueles arquivos PNG manjados para funcionar como ícones no seu site, esta técnica usa imagens vetoriais, converte em fontes, aplica as webfonts na sua página e usa letras como os ícones que você precisa. O resultado é uma única carga no servidor (do arquivo de fontes), a possibilidade de usar infinitas vezes sem pesar nada na página e a capacidade de escalar para qualquer resolução, como uma fonte faria. E, uma vez que os ícones são texto puro, você pode configurar facilmente efeitos como mudança de cor, tamanho ou sombra.

fontello

Parece complicado? Com esta ferramenta online, é tão simples quanto escolher seus ícones em um catálogo. Com centenas de opções royaltie-free, é isso mesmo o que você faz: escolhe os ícones que deseja e o próprio Fontello gera o pacote das webfonts e o código CSS correspondente.

Acessar o  Fontello

Você pode se interessar

Promoções de Jogos do Final de Semana (19/07)
Notícias
21 visualizações
Notícias
21 visualizações

Promoções de Jogos do Final de Semana (19/07)

Carlos L. A. da Silva - 19 de julho de 2019

Confira as melhores ofertas de jogos de PC para o final de semana.

Como ativar o DNS-over-HTTPS (DoH) no Firefox
Dicas
13 visualizações
Dicas
13 visualizações

Como ativar o DNS-over-HTTPS (DoH) no Firefox

Carlos L. A. da Silva - 18 de julho de 2019

Protocolo aumenta a segurança da navegação de seus dados e navegador da Mozilla por enquanto é o único com suporte oficial.

Autenticação através do GitHub com JavaScript e OAuth
Códigos
16 visualizações
Códigos
16 visualizações

Autenticação através do GitHub com JavaScript e OAuth

Redação - 17 de julho de 2019

Veja como criar de forma simples um botão social de login com Github usando OAuth. Neste guia Javascript com códigos que funcionam você aprende como. Confira o passo a passo e crie o seu.

Mais publicações

SEO // Dicionário do Programador
Vídeos
15 visualizações
15 visualizações

SEO // Dicionário do Programador

Thais Cardoso de Mello - 15 de julho de 2019
Promoções de Jogos do Final de Semana (12/07)
Notícias
18 visualizações
18 visualizações

Promoções de Jogos do Final de Semana (12/07)

Carlos L. A. da Silva - 12 de julho de 2019
Conheça Astaroth: o Cavalo de Troia que se alastra no Brasil
Artigos
30 visualizações
30 visualizações

Conheça Astaroth: o Cavalo de Troia que se alastra no Brasil

Carlos L. A. da Silva - 11 de julho de 2019