Qual fonte é usada nas mensagens do celular? Guia para iPhone e Android

Resposta curta: mensagens usam fontes do sistema

A maioria das mensagens de texto no celular não usa uma fonte criada exclusivamente para mensagens. Normalmente, ela herda a tipografia padrão da interface do sistema operacional. Nos iPhones atuais, isso significa a família San Francisco da Apple. Em muitos celulares Android, a resposta é Roboto, mas Samsung, Google Pixel, Xiaomi e outros aparelhos podem usar sua própria fonte de interface ou uma variante personalizada dentro do app de mensagens.

Por isso, duas capturas com balões azuis e cinzas parecidos podem parecer um pouco diferentes. A fonte pode mudar conforme a versão do sistema, o fabricante, o idioma, o tamanho da tela, o tamanho de texto da acessibilidade, o modo de texto em negrito e o próprio app de mensagens. Para pesquisas de SEO e design, muitas vezes a pergunta mais útil não é apenas qual fonte aparece nas mensagens, mas também qual combinação de fontes do sistema reproduz esse estilo com fidelidade suficiente.

Fontes de mensagens no iPhone e Android

Use esta tabela como um ponto de partida prático. Ela não substitui a verificação de licença nem garante o resultado em toda captura de app, mas indica a família certa para testar primeiro.

Como identificar uma fonte por captura

Quando a mensagem está em uma captura, uma extensão do navegador não consegue ler o CSS porque não há texto ativo. Recorte uma ou duas bolhas bem nítidas, mantenha o texto na horizontal e evite horários muito pequenos. Depois, use um detector de fontes por imagem para obter candidatos prováveis e compare o resultado com a fonte do sistema da plataforma.

Observe as letras que revelam a tipografia: a, g, e e t minúsculos, números, pontuação e o espaço entre as palavras. Capturas de mensagens costumam ser comprimidas, redimensionadas e suavizadas; por isso, a correspondência visual mais próxima pode ser mais útil do que afirmar que a fonte exata foi encontrada.

Como combinar fontes de mensagens no design

Para mockups de sites ou produtos, use uma pilha de fontes do sistema em vez de baixar uma fonte de interface móvel que talvez você não possa redistribuir. Uma pilha como -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif permite que o navegador escolha uma fonte de interface com aparência nativa em cada plataforma.

Em arquivos de design estáticos, use a fonte do sistema instalada mais próxima e observe o tratamento completo da mensagem: largura do balão, altura da linha, tamanho, peso, contraste, preenchimento e raio dos cantos. Uma tipografia correta com espaçamento errado convence menos do que uma fonte próxima com o ritmo adequado.

É possível alterar fonte ou tamanho?

A maioria das pessoas pode alterar o tamanho do texto das mensagens nas configurações de tela ou acessibilidade do sistema. No iPhone, normalmente se ajustam o tamanho do texto e o negrito nos ajustes do iOS; no Android, o tamanho da tela, o tamanho da fonte e, às vezes, o tema do fabricante. O app pode herdar esses valores sem oferecer um seletor separado de fonte para mensagens.

Alterar a família tipográfica é mais limitado. Algumas interfaces Android e apps de mensagens de terceiros aceitam fontes ou temas personalizados, mas o iMessage e muitos apps padrão seguem a tipografia do sistema operacional. Ao documentar uma captura, informe o aparelho e as configurações em vez de presumir que todos veem a mesma fonte.

Fluxos de fontes relacionados

Escolha o próximo passo de acordo com o formato da fonte:

• Identificar uma fonte a partir de uma imagem - ideal quando a fonte da mensagem aparece apenas em uma captura ou imagem de rede social.
• Detector de fontes de sites - ideal quando o estilo da mensagem é recriado em uma página ativa.
• Detector de tamanho de fonte - ideal quando você precisa comparar os valores CSS de font-size, line-height e font-weight.
• Guia de extensões para encontrar fontes - ideal quando o texto pode ser selecionado no navegador.