Texto em Pequenas Maiúsculas

Voce quer aquele efeito de versalete numa bio do Instagram, num titulo de post do LinkedIn ou numa assinatura de e-mail, onde nao existe campo de formatacao e CSS nao chega. A saida e usar caracteres que ja tem a forma de maiuscula pequena embutida, e nao uma fonte aplicada por cima do texto normal.

A conversao passa tudo para minusculo e troca cada letra pelo caractere Unicode de small capital correspondente. Como sao caracteres diferentes, e nao formatacao, eles sobrevivem ao copiar e colar em qualquer campo que aceite texto. O detalhe nao obvio e que o alfabeto de versaletes do Unicode nunca ficou completo: q e x nao tem equivalente no conjunto usado e saem minusculos mesmo. Letras acentuadas como c-cedilha e a-til tambem passam sem alteracao.

Isso serve para uma linha curta de destaque, e so para isso. Em texto longo o leitor de tela pode soletrar letra por letra, a busca interna do site nao encontra a palavra, e alguns formularios rejeitam os caracteres. Nunca use no title, no H1 ou na meta description de uma pagina que voce quer que ranqueie, porque o buscador le os caracteres literais e eles nao batem com a palavra normal. Em site e documento, o certo e font-variant-caps: small-caps no CSS. A conversao acontece no navegador.