Seu site deveria ser imprimível: guia rápido de CSS para estilos de impressão

O autor, Brennen Puth, parte de um teste simples: apertou CTRL-P na própria página e esperou uma impressão decente sem esforço. Não veio. O conteúdo aparecia inteiro, mas o texto saía cerca de dois níveis maior do que deveria, o cabeçalho ficava feio no papel e os links azuis viravam um cinza apagado em preto e branco.

A correção usa seletores de CSS voltados à impressão. Ele criou a classe onlyPrint, para elementos que só aparecem no documento impresso (hoje, uma pequena atribuição de autoria junto ao subtítulo), e a noPrint, que tira o cabeçalho da versão impressa. Também trocou a tipografia de escala variável do site por 12pt, tamanho que considera bem aceito, com cabeçalhos um pouco maiores. Os links azuis ganharam a mesma cor do texto, para não perder legibilidade em escala de cinza. Os ajustes do giallo cuidam dos blocos de código, que continuam sendo a parte mais feia: eles deveriam sair inteiros, sem quebrar na divisa de página, e o autor pede soluções.

O texto traz duas atualizações de 26 de outubro de 2026. Na primeira, ele diz que o CSS já mudou quase por completo após o feedback de leitores do lobste.rs e do HN sobre falhas óbvias, e que está simplificando a folha de estilo. Na segunda, informa que o post chegou à página inicial das duas comunidades. Ele admite que o trabalho levou boa parte de uma manhã, mesmo num site simples, e que talvez seja o único a imprimir páginas web com frequência.

Em 26 de outubro de 2026, o CEVIU noticiou "Sites deveriam ser imprimíveis: poucas regras de CSS melhoram a experiência no papel", sobre o mesmo post. Aquela cobertura apresentava o conjunto de regras de impressão. A versão desta terça-feira, 27 de outubro de 2026, incorpora o que o autor registrou depois: o CSS original foi em grande parte reescrito a partir do feedback e está sendo simplificado, então o trecho citado inicialmente pode já não refletir a versão atual do estilo.

Para quem desenvolve sites com muito texto (blogs, documentação, artigos), a leitura é que um bloco de print bem pequeno resolve o grosso do problema: esconder navegação, fixar o corpo em 12pt e tirar a cor dos links. O custo, pelo relato do autor, é de uma manhã. Já os blocos de código que quebram entre páginas seguem sem solução clara na fonte, então vale testar a impressão antes de prometer uma boa experiência.