Responsive and #fluid_typography, the easy way
▻https://codepen.io/renevanderlende/details/YzEaKvO
:root { font-size: calc(0.658vmin + 0.75rem) }
Responsive and #fluid_typography, the easy way
▻https://codepen.io/renevanderlende/details/YzEaKvO
:root { font-size: calc(0.658vmin + 0.75rem) }
Sur le même sujet j’ai aussi vu passer ▻https://piperhaywood.com/fluid-type-sizes-and-spacing & ▻https://css-tricks.com/consistent-fluidly-scaling-type-and-spacing qui proposent des solutions « un peu plus complexes ».
Et une autre ressource sur le sujet à base de css clamp :
▻https://www.smashingmagazine.com/2022/01/modern-fluid-typography-css-clamp
L’auteur a fait un outil pour tester et jouer avec les valeurs à utiliser ▻https://modern-fluid-typography.vercel.app
Font Size Idea: #px at the Root, #rem for Components, #em for Text Elements | #CSS-Tricks
▻http://css-tricks.com/rems-ems
Tags : em #font-size CSS rem px
Typographie web : gérer la taille du texte avec les « em » - Alsacreations
►http://www.alsacreations.com/article/lire/563-gerer-la-taille-du-texte-avec-les-em.html
Ce tutoriel présente l’unité em et la démarche à suivre pour l’utiliser à bon escient, ainsi que quelques conseils pour vous aider à assurer autant que possible la lisibilité du texte sur votre site