Top 10 Webfontes - Bibliotecas ícones de Fontes de Texto Grátis para seu site (.eot .woff .ttf .svg )
Vantagens:
- Produtividade: As bibliotecas já possui os ícones mais utilizados e geralmente poucos serão desenvolvidos.
- Desempenho: Nos testes um arquivo de font carrega mais rapidamente o request é mais rápido do que uma sprit de imagens ou a mesma quantidade de ícones como imagens.
- Qualidade: Como esses arquivos de ícones estão em formato Vetor de Font, podem ser ampliados sem perder a qualidade.
- Adaptação: Você consegue encaixar de forma simples no texto, botões e links no html bastando mapear um css e uma classe.
- Customização: É possível criar a própria biblioteca de fontes de ícones que você possui habilidade de webdesign para isso, ou apenas selecionar os ícones disponíveis.
Melhores Bibliotecas Webfont grátis
FontFile .eot .woff .ttf .svg
- Icomoon - free http://icomoon.io/app/#/select
(Muito bom, grande variedade de ícones, permite customizar ou criar os próprios ícones e selecionar e gerar uma biblioteca com apenas os ícones que você deseja utilizar, agiliza o CSS) - Font-Awesome - http://fortawesome.github.io/Font-Awesome/ Pode ser instalada no Bootstrap, não utiliza javascript, perfeito em display de retina, visível na impressão, controlado por css class.
- Adamwhitcroft http://adamwhitcroft.com/batch/ The download includes: PSD file (shape layers). SVGs (128x128). PNGs (16x16, 32x32, 64x64). Webfont (.eot, .ttf, .woff).
- Fontello http://fontello.com/ Como todas as fontes de ícones, possui vetor e sua propaganda tem foco na qualidade ao redimensionar os ícones sem perder qualidade.
- Shoestrap http://shoestrap.org/downloads/elusive-icons-webfont/
- Entypo Icons - http://www.entypo.com/ Projeto com ícones gratuitos para sites e blogs.
- Ligature Symbols http://kudakurage.com/ligature_symbols/ Grande variedade de ícones de fonte com qualidade permitindo criar sites responsivos, possui suporte para multi plataforma.
- Typicons http://typicons.com/ - A biblioteca atual possui 220 web icons para download
- MapBox - https://www.mapbox.com/maki/ - Permite utilização em projetos de geoprocessamento, mapeamento, google maps icons...
- Glyphicons - http://glyphicons.com/ ou http://getbootstrap.com/components/ - Um dos melhores tanto na quantidade quanto na facilidade de utilização, o Bootstrap Twitter incorporou essa biblioteca de fontes no seu projeto.
Novas fontes, tendências e tecnologias estão surgindo a todo instante, se você acha que eu esqueci de citar uma boa alternativa de webfontes, informe aqui nos comentários ;)
Comentários