so many things I still don‘t know #css #underline #lineheight #a11y

https://adactio.com/journal/22085

CSS Typography and Web Fonts by Abdelfattah Ragab

Available on https://shop.tredition.com and https://www.amazon.com

#css #css3 #typography #webfonts #fonts #fontfamily #fontsize #fontweight #fontstyle #lineheight #italic #oblique #fontface #textindent #textalign #wordbreak #texttransform #uppercase #lowercase

Okay so a while back, I was dissatisfied with seemingly every infographic I could find about the common terminology of typography variables, so I ended up making this cheat sheet visualization for clarifying them for myself and others. Then I simply forgot to post or use it anywhere and moved on. This was back in *checks notes* ... *checks again* April 2019?! Screw it, here goes, public domain, go nuts, boosts appreciated, you're my type 💌

#PublicDomain #AscentLine #CapLine #Midline #Baseline #BeardLine #LineHeight #Ascent #CapHeight #Ascender #XHeight #Descender #Typography #Typeface #Typefaces #Font #Fonts #Type #Lettering #Alphabet #TypeDesign #FontDesign #Infographic #Visualization #Futura

🟢⚫️ Fixing Text Clipping in Divs with Overflow Hidden
A Solution for Line-Height Less Than 1.2
by Fabio Ottaviani @supahfunk
On @CodePen
#webdev #webfonts #LineHeight #TextClipping

https://codepen.io/supah/full/RwOyNva

⬛️ Line heights in CSS work better with ratios
by Andy Bell @andy
#css #lineheight #webdev

https://andy-bell.co.uk/line-heights-in-css-work-better-with-ratios/