Escolha uma Página
Melhores fontes do google fonts que utilizo em meus projetos na web

Melhores fontes do google fonts que utilizo em meus projetos na web

Olá, este é um breve compilado das fontes que mais utilizo para desenvolvimento frontend, são as que considero as melhores fontes do google fonts para trabalhar na web pela sua legibilidade e variedade de possibilidades, conheça abaixo as três fontes que mais utilizo em meus projetos na web.

Trabalhando já a bastante tempo em construção de frontend já experimentei diversas fontes em meus projetos e durante todos estes anos três fontes se destacam pela sua legibilidade e quantidade de variações, eu realemte gosto muito de trabalhar com estas fontes.

Open Sans

  • LIGHT 300
  • LIGHT ITALIC 300
  • REGULAR
  • REGULAR ITALIC
  • SEMI-BOLD 600
  • SEMI-BOLD ITALIC 600
  • BOLD 700
  • BOLD ITALIC 700
  • EXTRA BOLD 900
  • EXTRA BOLD ITALIC 900

Open Sans é, com toda certeza, minha primeira opção para textos longos, de fácil leitura em qualquer tamanho, a fonte possui dez estilos diferentes permitindo uma grande gama de possibilidades.

Open Sans Condensed

  • LIGHT 300
  • LIGHT ITALIC 300
  • BOLD 700

Com menos variações, para mim, acaba sendo um complemento a Open Sans tradicional, sua principal vantagem é ser bem compacta, mas prefiro usar apenas em projetos pontuais como uma brincadeira entre as duas fontes pra gerar um contraste ainda mais forte no texto.

Roboto

  • THIN 100
  • THIN ITALIC 100
  • LIGHT 300
  • LIGHT ITALIC 300
  • REGULAR
  • REGULAR ITALIC
  • MEDIUM 500
  • MEDIUM ITALIC 500
  • BOLD 700
  • BOLD ITALIC 700
  • BLACK 900
  • BLACK ITALIC 900

Muito parecida com a Open Sans, porém seu corpo é levemente mais pesado e suas curvas mais simples (por exemplo letra “g” da Roboto e a letra “g” da Open sans) realmente briga pela posição de fonte número 1, e ainda possui doze variações.

Roboto Condensed

  • LIGHT 300
  • LIGHT ITALIC 300
  • REGULAR
  • REGULAR ITALIC
  • BOLD 700 BOLD ITALIC 700

Tudo que disse sobre a Open Sans Condensed vale para Roboto Condensed, com a vantagem de possuir mais opções de estilo.

Bitter

  • REGULAR
  • REGULAR ITALIC
  • BOLD

Destacando uma fonte serifada, gosto da Bitter por sua “rigidez”, transmite muita seriedade sem parecer uma fonte antiquada, geralmente evito fontes serifadas para web, mas Bitter está sempre na minha cabeça quando preciso usar uma. Possui três estilos, mas sua variação não é muito brusca o que garante uma boa legibilidade para textos longos.

Para finalizar gosto de usar fontes simples de fácil leitura, dificilmente utilizo fontes serifadas, quer dizer quais são suas fontes preferidas dentro do Google fonts? comente aqui embaixo.

Um forte abraço.

Como fazer um menu fixo, do mais simples ao mais completo

Muito comum hoje em dia, principalmente para mobile, é a necessidade de permanecer um topo fixo para aplicações web, seja uma imagem com botão e um capo de pesquisa ou mais complexo que necessite de correção de altura. Normalmente procurado como menu fixo ou topo fixo, consiste em deixar para o usuário a navegação do site ou da aplicação sempre a vista, geralmente no topo, mas em alguns casos pode ser na base da tela do dispositivo.

Neste breve artigo veremos algumas versões desse recurso, indo do mais simples, usando apenas CSS ao mais complexo, que utiliza javaScript que como sempre gosto com jQuery. Então, sem mais enrolação, vamos lá. (mais…)

Web Design – tudo sobre web design

Web Design – tudo sobre web design

O que é web design

Web design é o desenvolvimento visual de projetos voltados para a World Wide Web. Abrange principalmente criação de páginas na web, que funcionam como blogs, portais, e-commerce, ferramentas online, apresentações e criação de peças menores. (mais…)

[stock photos] 10 sites de imagens livres

[stock photos] 10 sites de imagens livres

Designer gráficos ou web designers de todo o mundo precisam de stock photos, um estoque de imagens de alta qualidade para seus projetos todos os dias, você pode produzir suas próprias fotos, mas com certeza isso demanda muito tempo e nos dias corridos que temos e orçamentos super apertados o melhor mesmo é recorrer as imagens free, stock photos. (mais…)