Jake Archibald writes that we should just not use footnotes on the web. Not use footnotes?! I love a good footnote. Or at least, I thought I did. It's where you can stick some information that provides a bit of extra context, but would be distracting if smashed into the main text. They can even…

CodePen's platform is a social development environment, offering insights into front-end web development, creative coding, and web design. Through articles, demos, and community projects, CodePen offers insights into HTML, CSS, and JavaScript techniques. Developers and designers can learn about CSS animations, responsive design patterns, and front-end frameworks to experiment and collaborate on web projects.

CodePen

Modern CSS offers solutions for common typography challenges on the web. Footnotes can be replaced with popovers and anchor positioning for better UX. The text-wrap: balance property requires special handling for Japanese and Korean text using word-break: auto-phrase. Faux bold and italic rendering can be avoided by properly loading font weights and styles through @font-face rules, with a CSS animation trick available to detect synthesis issues.

Chris’ Corner: Type