Computer Modern Playground

An interactive demo of Computer Modern built to showcase the design space of the font family and the power of Metafont.

Use the controls to adjust the font parameters and see the results in real-time.

See also

• Awesome Metafont - A curated list of awesome resources on Metafont.
• Chemical kerning - Improving the appearance of chemical structures by carefully adjusting the spacing between atoms and bonds.
• Metafont Compiler - Execute Metafont code online.
• GF Viewer - Open "generic font" (.gf) files online.
• MetaPost Compiler - Execute MetaPost code online.
• TeX to SVG - Convert TeX to SVG online.
• LaTeX Compiler - A online editor and compiler for LaTeX that runs fully on the client.
• Asymptote Editor - Edit Asymptote scripts online.
• The nine best fonts of all time - The list of my top nine favorite fonts.
• Converting fonts with FontForge using the command line on macOS - How to convert font files using FontForge's scripting language on macOS?
• Timeless fonts I grew up with - A nostalgic journey into the fonts that shaped my perspective growing up and continue to be my source of inspiration.
• COLRv1 to SVG - Convert COLRv1 fonts to SVG.
• Awesome font engineering - A curated list of awesome resources on font engineering.
• Awesome typography - A curated list of awesome resources on typography.
• Typography quotes - A collection of quotes about typography.
• Typography Crossword - A daily crossword puzzle for typographical terms.
• Fonts pronunciation guide - A pronunciation guide for the names of fonts.
• Typographers and type designers pronunciation guide - A pronunciation guide to the names of typographers and type designers.
• Math Editor - A WYSIWYG editor for math formulas.
• Image Tracing Tool - Convert raster (bitmap) images to vector graphics online.
• Vector Graphics Editor - An online vector graphics editor (WIP).
• Emoji fonts - Compare and test different emoji fonts.