Better Typography
Princípios de tipografia web legível e acessível
Instalação
Inclui scriptshttps://github.com/jakubkrehel/skills/tree/main/skills/better-typography
When choosing fonts, setting up type scales, styling text, or troubleshooting typography on web interfaces
- Autor
- Jakub Krehel
Tipografia profissional para a web
Um guia abrangente para aplicar princípios tipográficos que tornam o texto legível e acessível em interfaces digitais. O foco está na moderação e na clareza: escalas tipográficas equilibradas, espaçamento confortável e contraste suficiente, sem enfeites decorativos desnecessários.
Destaques
- Escalas tipográficas e hierarquias de títulos que acompanham os níveis semânticos
- Carregamento de fontes no formato .woff2 e uso de propriedades CSS em vez de tags de recursos brutas
- Configurações de altura de linha, largura do texto e quebra de linhas para uma leitura confortável
- Questões de tipografia móvel, como o zoom em campos no iOS e o dimensionamento responsivo das fontes
- Padrões de acessibilidade que incluem contraste, seleção de texto e recursos OpenType
- Técnicas CSS para truncamento de texto, números tabulares e estilização da pontuação
Criada para desenvolvedores frontend e designers que constroem interfaces profissionais. A skill inclui guias de referência sobre seleção de fontes, técnicas CSS, cálculos de espaçamento e requisitos de acessibilidade. Cada seção fornece recomendações específicas e padrões de código que podem ser aplicados imediatamente.
Comentários(0)
Entre para comentar