100 bytes de CSS para deixar o texto mais fácil de ler

 (swyx.io)
11 pontos por xguru 2021-10-29 | 2 comentários | Compartilhar no WhatsApp
  • Coloque na extensão de folha de estilos do usuário para deixar os sites mais confortáveis de visualizar

html {

max-width: 70ch; /* define a largura em 70 caracteres */

padding: 3em 1em; /* espaçamento vertical */

margin: auto; /* centraliza */

line-height: 1.75; /* altura de linha confortável para leitura. A unidade foi omitida de propósito para que se ajuste ao tamanho da fonte */

font-size: 1.25em; /* este valor pode ser ajustado para o tamanho que você quiser. Em em para permitir escala */

}

  • Mais 100 bytes

h1,h2,h3,h4,h5,h6 {

margin: 3em 0 1em;

}

p,ul,ol {

margin-bottom: 2em;

color: #1d1d1d;

font-family: sans-serif;

}

Leituras relacionadas

2 comentários

 
lunamoth 2021-10-29

No caso de páginas que vejo com frequência,

font-family: Lato,NanumBarunGothic;

font-size: 17px;

line-height: 200%;

word-break: keep-all;

estou usando isso para ler,

e acho que vou experimentar adicionar isto também. Obrigado.
 
xguru 2021-10-29

Extensão de navegador Stylebot https://github.com/ankit/stylebot

Algo semelhante que funciona como bookmarklet