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
⬛️ 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/
