/* Styles de typographie */ .nom-de-ta-classe { /* Police */ font-family: 'Roboto', Arial, sans-serif; /* Liste de polices avec fallback */ font-size: 16px; /* Taille en px, em, rem, % */ font-weight: 400; /* De 100 à 900 ou normal, bold, etc. */ font-style: normal; /* normal, italic, oblique */ font-variant: small-caps; /* normal, small-caps */ /* Espacement et alignement */ line-height: 1.5; /* Interligne */ letter-spacing: 1px; /* Espacement entre les lettres */ word-spacing: 2px; /* Espacement entre les mots */ text-align: left; /* left, right, center, justify */ text-indent: 20px; /* Indentation du paragraphe */ /* Décoration et transformation */ text-decoration: none; /* underline, overline, line-through */ text-transform: capitalize; /* uppercase, lowercase, capitalize */ text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Ombre sur le texte */ /* Gestion des césures et sauts de ligne */ white-space: normal; /* normal, nowrap, pre, pre-wrap */ word-break: break-word; /* normal, break-all, keep-all */ overflow-wrap: break-word; /* Empêche les mots trop longs de dépasser */ hyphens: auto; /* Active la césure automatique */ /* Effets avancés */ direction: ltr; /* ltr (gauche → droite), rtl (droite → gauche) */ writing-mode: horizontal-tb; /* vertical-rl, vertical-lr */ mix-blend-mode: normal; /* multiply, screen, overlay, etc. */ }