você precisa que o seu site fique bonito, e a tipografia é um factor chave no design. Onde você pode encontrar fontes gratuitas on-line em 2020 que defendem um alto padrão de qualidade?

Eu acredito que uma interface de usuário deve apenas o que é necessário, tornando esses elementos necessários atraentes. Queremos encontrar o equilíbrio ideal entre minimalismo e apelo visual.

mantenha-o simples, mas faça o simples parecer grande.

mas, o que é que o simples parece exatamente?

remova a desordem, e a maior parte do que resta é a cópia UI e o conteúdo de texto. Não é emocionante, mas sejamos honestos: este é o aspecto mais importante de qualquer aplicativo ou site. A informação é a razão pela qual os usuários estão usando nosso aplicativo ou site.

assim, com a fonte direita associada com os estilos de letra certos( ver Fonte vs. fonte: o guia final), podemos criar desenhos que são bastante simples e atraentes ao mesmo tempo. Isso enfatiza os aspectos importantes do projeto, utiliza menos recursos e induz a carga cognitiva menos indesejada.a tipografia pode ser muito poderosa.mas quais são os melhores sites de fontes livres?

, Onde não olhar para fontes livres

Junho, Behance, Gumroad, e assim por diante, são o lar de uma tonelada de gemas escondidas, mas isso envolve uma triagem através de muitos recursos digitais, alguns dos quais estão incompletos lado empreendimentos e versões lite. Dito isso, certifique-se de reservar recursos incríveis se você acontece de se deparar com qualquer. Até o Instagram pode surpreender-te, e o Twitter também não deve ser ignorado.além disso, vamos dar uma olhada nos melhores sites de fontes livres.

os tipos de letra do Google

Número um nesta lista são obviamente os tipos de letra do Google, o que vai acima e além do que a maioria das alternativas oferece. Em primeiro lugar, o Google Fonts oferece uma CDN rápida e conveniente (rede de entrega de conteúdo), tornando super fácil incorporar fontes web em sites sem realmente hospedá-los.

fontes Google podem ser subsetidas por script e peso, e nós também podemos controlar como eles são carregados na Web, definindo o font-display propriedade CSS a partir da cadeia de consulta do código embutido, o que melhora os tempos de carregamento do site. (O artigo CSS-Tricks sobre “Google Fonts and font-display” explica como.)

lembre-se, as fontes de auto-hospedagem são melhores para a privacidade (porque é cookieless) e velocidade (porque oferece aos desenvolvedores mais controle). De qualquer forma, o Google Fonts tem um repertório enorme.

Creative Market

i know what you’re thinking: “Creative Market isn’t free, Daniel!mas e a secção das mercadorias livres? O que é interessante sobre os bens livres é que estes são realmente fontes premium que são temporariamente livres. Embora não seja garantido incluir fontes, ele é atualizado com seis novos ativos de design a cada semana (mais três mais quando você se inscrever e outros três se você gastar X montante em ativos).há anos que ando a verificar a secção de bens livres no mercado criativo, e construí um grande repositório de fontes de alta qualidade que não custam nada. Os pacotes de fontes fazem um negócio semelhante.

Font Squirrel

Font Squirrel is like Unsplash but for fonts, although considering how long it’s been around (a really long time!), maybe saying that Unsplash is like Font Squirrel but for stock images is more accurate! Um dos sites de fontes livres veteranos ao lado de Dafont e fontes urbanas, embora “squirrel” é melhor.

embora muitos dos sites veteranos parecem um pouco desatualizados, Font Squirrel manteve seu site um pouco moderno em comparação com o resto. Ele também tem um par de ferramentas muito úteis:

• Webfont Gerador (converte TrueType/OpenType em webfonts)
• tipo de Letra (Identificador para descobrir o nome do tipo de letra a partir de uma imagem importada/imagem)

FontSpace

FontSpace é uma das mais agradável-olhando sites, embora ele só dispõe de fontes gratuito para uso pessoal, considerando que a Fonte de Esquilo confirma que todas as suas fontes são livres para uso comercial. O FontSpace pode nem sempre ser adequado.

pelos tipos de letra

o que define Befonts à parte é o seu foco nos tipos de letra.

embora algumas fontes só oferecem versões Lite/demo e muitas vezes o suficiente só vêm em formato TTF / OTF (o que significa que eles são menos adequados para a Web), Befonts é um dos poucos sites que não tem a abordagem de “nós temos tudo” (que pode ser esmagadora às vezes). Além disso, você sempre pode converter fontes TTF e OTF em fontes web.

Font Shop

Font Shop doesn’t focus completely on free typefaces like Font Squirrel and FontSpace, but it’s still a rather decent alternative if options one to four didn’t have what you were looking for. Eu acho que é o menos fácil de usar das opções, mas as fontes são relativamente de alta qualidade.

menção Honrosa

O seguinte fonte livre sites de olhar um pouco desatualizado, e sinceramente algumas fontes fazem bem, mas são sem dúvida algumas das maiores bases de dados de fontes gratuitas para fora lá hoje:

• Dafont
• Interior de Fontes
• Fontsly

Qual formato de tipo de letra devo usar?

OpenType (OTF) e TrueType (TTF) tipos de letra têm sido o padrão por muito tempo, e eles ainda são usados pesadamente em design gráfico hoje. Mas dito isso, os formatos WOFF têm uma melhor compressão na Web (especialmente WOFF2, que agora é suportado em 94,49% dos navegadores da web de acordo com caniuse.com). na verdade, o novo Código do Google Fonts embed só oferece o formato WOFF2 agora.

So, in short:

• WOFF2 for web embeds
• TTF/OTF for everything else

Which font style do I need?

hoje em dia, não importa porque as normas foram atiradas pela janela um pouco. Como exemplo, fontes Serif podem ter uma sensação moderna agora (think Medium).

em Vez disso, devemos nos concentrar mais no clareza:

• Legibilidade (como é fácil de dizer caracteres de intervalo)
• Legibilidade (como é fácil de ler frases como um todo)

Alguns isso vem para baixo para o tipo de letra em si, portanto, deve-se estar atento ao decidir que tipos de letra a usar, mas outras vezes, ele vem até à forma como a fonte é o estilo (em termos de tamanho, peso, e assim por diante).em caso de dúvida, o WCAG 2.0/2.1 (Web Content Accessibility Guidelines) tem tudo o que você precisa saber sobre tipografia e seus muitos atributos, tais como espaçamento de linhas, largura de linha, altura da linha, dimensionamento de fontes, e assim por diante.as fontes

conclusão

as fontes são super úteis, e muitas vezes são tudo o que é necessário para alcançar a quantidade certa de apelo visual e emocional sem colocar mais e mais desordem visual. Seu projeto precisa de texto de qualquer maneira, então por que não torná-lo o aspecto mais notável dele?