Fala galera!
Neste artigo iremos abordar o termo WebFonts que são os famosos ícones que utilizamos para tornar nossas interfaces mais intuitivas e refinadas.
Sendo prático, as WebFonts são um recurso que evoluiu muito, e hoje encontramos dezenas de pacotes na internet, com uma infinidade de estilos que podem ser utilizados em praticamente qualquer tipo de projeto.
O que torna as WebFonts legais é o fato de você conseguir manipulá-las como texto, sendo muito mais fácil aplicar efeitos de cor, tamanho e outros recursos visuais através do css. As fonts são disponibilizadas no formato SVG, que é sim um formato vetorial.
Todas possuem praticamente o mesmo processo de instalação para utilização, a maioria podem ser utilizadas via CDN (importando direto de um servidor online), sem complicações.
Seu projeto de interface fica muito mais rica quando possui uma estrutura visual intuitiva e as Webfonts garantem essa qualidade, trazendo um aspecto refinado. É bem simples encontrar pacotes de ícones que combinem com o seu modelo de layout, ícones mais sólidos ou apenas com bordas, bordas finas ou bordas de espessura mais encorpada.
Então sem mais enrolação, bora para a lista de melhores pacotes de ícones para páginas de internet
1 – FontAwesome
O FontAwesome é um dos pioneiros e um dos mais escolhidos pelos desenvolvedores em todo o mundo. Ele disponibiliza uma grande variedade de ícones em seu pacote free e você também pode pagar um plano para ter acesso a milhares de outros modelos.
O FontAwesome já se encontra em sua 6ª versão e você pode conferir mais informações sobre ele em seu site oficial:
2 – Icomoon
O Icomoon é um pacote bem utilizado assim como o FontAwesome, e de fato diversas equipes utilizam os dois no mesmo projeto com o intuito de complementar, combinando ícones do mesmo estilo. Aqui também o processo de instalação e o Icomoon também oferece um pacote de ícones gratuitos e outro plano pago.
Você pode conferir mais sobre este WebFonts em seu site oficial:
3 – Bootstrap Icons
O Famoso Framework Bootstrap também traz seu pacote próprio de ícones, e realmente são muito bons e possuem um aspecto que combina com quase qualquer interface que estejamos trabalhando.
Acredito que se você está sem tempo e não tem muito talento com Design, vai ser uma escolha excelente e que dificilmente vai prejudicar o seu layout.
Assim como os outros o Bootstrap Icons pode ser instalado localmente em seu projeto ou ser utilizado via CDN, você pode acessar seu site aqui:
https://icons.getbootstrap.com/
4 – Google Fonts
Pois é, nessa lista não podia faltar o Google que também possui seus pacotes de Webfonts. Provenientes do mesmo padrão de design do Android, o Google resolveu disponibilizar seus ícones para serem utilizados em páginas web.
Aqui nós temos um grande pacote de ícones de diversos formatos e estilos que são excelentes e uma grande ajuda na hora de compor nossas interfaces.
O processo de instalação assim como os demais, é muito simples. Basta acessar o site oficial e seguir com as instruções:
https://fonts.google.com/icons
Excelentes recursos para você, não?
Aproveite essas dicas e melhore ainda mais seus progressos na construções de interfaces sólidas e intuitivas.
Conhece mais algum pacote de Webfonts? Comente aqui embaixo.
