100 octets de CSS pour rendre les textes plus agréables à lire

 (swyx.io)
11 points par xguru 2021-10-29 | 2 commentaires | Partager sur WhatsApp
  • À ajouter dans une extension de feuille de style utilisateur pour rendre les sites web plus confortables à consulter

html {

max-width: 70ch; /* définit la largeur sur 70 caractères */

padding: 3em 1em; /* marges verticales */

margin: auto; /* centre le contenu */

line-height: 1.75; /* hauteur de ligne confortable pour la lecture. L’unité est volontairement omise pour qu’elle s’ajuste à la taille de la police */

font-size: 1.25em; /* cette valeur peut être ajustée à la taille souhaitée. Utilise em pour permettre la mise à l’échelle */

}

  • 100 octets supplémentaires

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

margin: 3em 0 1em;

}

p,ul,ol {

margin-bottom: 2em;

color: #1d1d1d;

font-family: sans-serif;

}

À lire aussi

2 commentaires

 
lunamoth 2021-10-29

Pour les pages web que je consulte souvent

font-family: Lato,NanumBarunGothic;

font-size: 17px;

line-height: 200%;

word-break: keep-all;

j’ajoute ça pour les lire,

il va falloir que j’essaie aussi celui-ci. Merci
 
xguru 2021-10-29

L’extension de navigateur Stylebot https://github.com/ankit/stylebot

Quelque chose de similaire en bookmarklet