[et_pb_section admin_label=”section”][et_pb_row admin_label=”row”][et_pb_column type=”4_4″][et_pb_text admin_label=”Texto” background_layout=”light” text_orientation=”left” use_border_color=”off” border_color=”#ffffff” border_style=”solid”]
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.
[/et_pb_text][et_pb_code admin_label=”Código”]<!–more–>[/et_pb_code][et_pb_text admin_label=”Texto” background_layout=”light” text_orientation=”left” use_border_color=”off” border_color=”#ffffff” border_style=”solid”]
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.
[/et_pb_text][et_pb_code admin_label=”Código”]<link href=”https://fonts.googleapis.com/css?family=Bitter:400,400i,700|Open+Sans+Condensed:300,300i,700|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Roboto+Condensed:300,300i,400,400i,700,700i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i” rel=”stylesheet”>[/et_pb_code][/et_pb_column][/et_pb_row][/et_pb_section]
Você também vai gostar:
- Inserir bloco estático via XML no Magento
- Como criar um menu clicável apenas com CSS
- Nova atualização no Magento 1.x que dá suporte para o PHP 7.2
- Magento 1.9 botão view all no menu e como modificar
- Como personalizar a busca avançada do Magento
- Newsletter Magento, como aumentar as vendas usando email marketing