Allan Day
aday@gnome.org
William Jon McCann
Tamanhos, pesos e estilos de fontes e caracteres especiais.
Georges Neto
georges.stavracas@gmail.com 2014,
Rafael Fontenelle
rafaelff@gnome.org 2017-2021

# Tipografia

Texto é uma parte importante de qualquer interface de usuário. Tamanho, posicionamento e peso do texto contribuem para a habilidade para texto transmitir informação efetivamente, e também representa um papel importante na criação de uma aparência agradável.

# Fontes padrões

Onde for possível, use as fontes padrões do sistema como fornecido pela distribuição ou sistema operacional no qual seu aplicativo esteja sendo executado. No GNOME 3, a fonte padrão é o Cantarell, o qual foi originalmente projetado e desenvolvido por David Crossland.

# Variantes, tamanhos e pesos

Diferentes pesos e cores de texto podem e devem ser usados para distinguir diferentes tipos de informação. Ao mesmo tempo, muitas variantes, tamanhos e pesos podem tornar o texto mais difícil de ler e não é uma forma eficiente ou elegante de transmitir informações. Faça um esforço para minimizar a gama de variantes, tamanhos e pesos de fontes.

Use um texto menor e/ou mais leve para informações menos importantes e texto mais pesado/negritado para atrair atenção para texto mais importante.

Evite o uso de faces itálica e oblíqua, pois elas são visualmente mais complexas e podem ser distrativas.

Nunca maiusculize toda letra em uma palavra ou sentença. Gritar com seus usuários não é legal.

Não use plano de fundo gráfico ou “marcas d’água” atrás do texto. Estes interferem com o contraste entre o texto e seu plano de fundo.

# Aproveite o Unicode

Unicode fornece uma ampla variedade de caracteres que, quando usados corretamente, podem melhorar drasticamente a impressora dada por seu aplicativo. Os seguintes caracteres Unicode são recomendados:

Uso | Incorreto | Correto | Unicode para usar
--- | --- | --- | ---
Citação | "citação" | “citação” | U+201C LEFT DOUBLE QUOTATION MARK (aspas curvas duplas esquerda), U+201D RIGHT DOUBLE QUOTATION MARK (aspas curvas duplas direita)
Horário | 4:20 | 4∶20 | U+2236 RATIO (proporção)
Multiplicação | 1024x768 | 1024×768 | U+00D7 MULTIPLICATION SIGN (sinal de multiplicação)
Reticências | Introdução... | Introdução… | U+2026 HORIZONTAL ELLIPSIS (reticências horizontais)
Apóstrofo | Caixa d'água | Caixa d’água | U+2019 RIGHT SINGLE QUOTATION MARK (aspas curvas simples esquerda)
Lista de marcadores | - Um\n- Dois\n- Três | • Um\n • Dois\n • Três | U+2022 BULLET (marcador)
Intervalos | Junho-Julho 1967 | junho–Julho 1967 | U+2013 EN DASH (meia-risca)