Um jeito chato de por uma bolinha em cima do número
Você provavelmente já viu aquele símbolo redondo com um número dentro — — ou talvez precise de um marcador de bullet que seja exatamente uma bolinha pequena posicionada acima de um dígito. Dependendo do contexto, a solução muda completamente. Vou mostrar o que funciona e onde ele quebra.
Como colocar a bolinha em cima do número no Word
A forma mais direta é usar os caracteres Unicode já existentes. No Word, vá em Inserir Símbolo, escolha o conjunto "Números com circunflexo e outros" ou simplesmente digite os códigos e pressione Alt+X. Os mais úteis são:
- — U+2460
- — U+2461
- — U+2462
- até — U+2473
Isso resolve 80% dos casos. O problema é que depois do 20 não existe mais nada oficial. Já tentei forçar um e o Word simplesmente recusa. A alternativa nesse ponto é usar um círculo gerado pelo campo de equação. Vá em Inserir Equação, escolha o template de "Maior/Submenor" ou, mais simples, digite o número e aplique o acento de combinação U+0358 (dot above right) via Inserir Símbolo, mas note que ele não fica perfeitamente centralizado em todas as fontes. Uma solução mais robusta para números acima de 20: crie um marcador de parágrafo usando "Número entre parênteses" ou "Círculo numerado" no estilo de lista. O Word então desenha o círculo automaticamente via fonte Wingdings ou Segoe UI Symbol. Se você não gostar do visual padrão, mude a fonte do estilo para uma que tenha glifos de círculos numerados mais limpos, como a família Noto Sans Symbols2.
A armadilha que ninguém conta
O problema real não é colocar a bolinha. É o que acontece depois. Characteres como são tratados como um único glifo, o que significa que pesquisa de texto, correto ortográfico e ferramentas de acessibilidade muitas vezes não conseguem identificar o número "1" dentro deles. Já perdi tempo tentando fazer busca por "número 3" em um documento longo e o Word não encontrava porque todos estavam como , , . Se o documento precisa ser pesquisável ou acessível, a solução correta é evitar os símbolos pretensiosos e usar uma notação como (1), (2), (3) ou superscrito ¹²³, que são amplamente suportados por leitores de tela e engines de busca.
Como colocar a bolinha em cima do número em HTML/CSS
No navegador, você tem duas abordagens. A primeira, mais ingênua, é apenas inserir o caractere Unicode diretamente no markup: <span> </span>
👉 Clique no botão abaixo para saber mais sobre o assunto!
Funciona. Mas novamente, você trava nos 20. A segunda abordagem é criar a bolinha dinamicamente com CSS. Isso é mais flexível e evita depender de uma tabela de símbolos que não escala: Crie um container com display: inline-flex, justify-content: center e align-items: center. Defina width e height iguais para formar um quadrado perfeito, aplique border-radius: 50% e um border fino. Coloque o número dentro como conteúdo normal. Assim a bolinha é desenhada pelo navegador, não copiada de uma fonte.
Desvantagem: você precisa ajustar manualmente o tamanho e a espessura da borda para cada contexto. E se o usuário tiver um modo de alto contraste ativado, o círculo pode sumir dependendo do sistema operacional.
Planilhas: Excel e Google Sheets
Nenhuma delas aceita círculos numerados nativos de forma prática. O truque mais viável é usar formatação personalizada de célula. Na caixa de diálogo Formatar Células, vá em Personalizado e coloque o código entre colchetes angulares seguidos do formatador numérico. Infelizmente isso não gera uma bolinha ao redor do número — ele apenas imprime um prefixo fixo antes do valor. O que realmente funciona em planilha é criar uma coluna auxiliar com os símbolos a e vincular o resto do trabalho a essa coluna. Se precisar de mais de 20, use uma função que construa o círculo com texto, como uma combinação de SUBSTITUIR e CONCATENAR, ou recorra a um script Apps Script no Google Sheets que gere os caracteres via código Unicode. Eu já fiz isso e o resultado foi estável por meses até o Google atualizar a renderização de algumas fontes e os círculos ficarem ligeiramente deslocados. A correção foi ajustar o font-size em 1px no bloco de formato condicional.
Quando NÃO usar bolinha em cima do número
Use essa notação com moderação. Ela funciona bem em legendas, referências rápidas e materiais visuais onde o número é mais decorativo do que funcional. Não use em documentos legais, contratos, ou qualquer coisa que precise passar por automação de extração de dados. Um script simples de extração vai tratar como um caractere estranho e não como o número 1. Também não Recomenda usar em impressão profissional em preto e branco de baixa resolução. Já vi círculos numerados ficarem ilegíveis em folhetos impressos em 300dpi porque a borda do círculo se fundia com o fundo. Nesse caso, parênteses normais são mais seguros.
Resumo prático
Para até 20 ocorrências, use os caracteres Unicode a . Para quantidades maiores no Word, crie um estilo de lista com marcador de círculo. Para HTML, prefira CSS com border-radius a depender de símbolos Unicode que não escalam. Em planilhas, mantenha os círculos em coluna separada e não confie em formatação personalizada para gerar o efeito. E lembre-se sempre: a bolinha é bonita, mas custo de acessibilidade e compatibilidade é real.
