LOADING...
Faça login e
comente
Usuário ou Email
Senha
Esqueceu sua senha?
Ou
Registrar e
publicar
Você está quase pronto! Agora definir o seu nome de usuário e senha.
Usuário
Email
Senha
Senha
» Anuncie » Envie uma dica Ei, você é um redator, programador ou web designer? Estamos contratando!

Site do Google Fonts ganha novo design, dando bom exemplo do Material 3 na web

08 de setembro de 2023 2

Quem trabalha com design gráfico ou digital, diagramação, redes sociais e afins sempre está buscando um site confiável e rico para testar novas tipografias. Certamente, um dos melhores é o Google Fonts, que oferece dezenas de fontes gratuitas e compatíveis com diversos idiomas. Recentemente, o site do serviço foi atualizado, adequando seu visual ao Material Design 3, estilo que o Google tem adotado nos últimos meses.

Para quem quer conhecer mais desse estilo, que já foi testado e implementado em diversos outros serviços, o site do Google Fonts agora dá um bom exemplo de como aplicar essa interface na web, incluindo a visualização em desktop e em dispositivos móveis.


O mais notável é o menu, que em telas maiores aparece como uma barra de navegação à esquerda, enquanto dispositivos móveis aproveitam uma barra inferior mais alta. O design remete àquele presente no site do Material Design 3, que pode ser acessado aqui. Quando o Gmail e o Google Drive foram redesenhados pelo Material You na web para desktop, o layout do telefone não foi atualizado e permanece assim há vários anos.

É possível alternar entre o tema claro e o escuro clicando no botão no rodapé do menu. Daí, é possível navegar entre diferentes abas com facilidade.

A principal é a de fontes, onde o usuário se depara com uma lista de tipografias e uma amostra da fonte. É possível pesquisar por fontes específicas ou abrir um menu de filtros para escrever o que deve aparecer na amostra, além de selecionar que tipos de fontes e tamanhos devem aparecer na busca, além de buscar pela relevância ou pela novidade.


Já a família de fontes Noto recebe uma aba separada para demonstrar essa tipografia do Google que tem suporte a mais de 1.000 idiomas e 150 sistemas de escrita. Além de acessar as fontes, há todo um material extra de textos e vídeos contando a história desse projeto.

Por fim, há mais duas seções —uma de ícones, introduzida no ano passado, que oferece mais de 3.000 glifos, isto é, símbolos para download ou em código para incorporação; e uma aba de conhecimento, uma biblioteca de guias para estudo de tipografia feito pela equipe do Google Fonts com especialistas nesta arte.

Veja mais!


2

Comentários

Site do Google Fonts ganha novo design, dando bom exemplo do Material 3 na web
  • Matéria sobre site?
    Não citam a URL
    Nunca citam
    Jamais citam


    https://fonts.google.com/

    Editores iram perder o emprego por essas e outras, as IA iram acabar com eles, não porque as IAs são boas, tem a ver afim incompetência mesmo, gera irrelevância para quem o emprega.

    Android

    Celular mais rápido! Ranking TudoCelular com gráficos de todos os testes de desempenho

    Android

    Celular com a melhor bateria! Ranking TudoCelular com todos os testes de autonomia

    Especiais

    Nada de Black Fraude! Ferramenta do TudoCelular desvenda ofertas falsas

    Software

    Microsoft destaca novos recursos na build 26100.1876 do Windows 11 24H2