animated SVG-in-OpenType Digiac font

Creating fonts from SVGs – with automation! 🤖 · Leif Gehrmann

Lately I needed the ability to create a font from an existing set of SVG files that I created in Sketch. I’m not a professional font creator, but I’ve figured out an automated workflow works that works best for me.

BadAppleFont

It is possible to embed a animation into a font, with only a small amount of hacking

Boxy SVG

Create and edit Scalable Vector Graphics (SVG) files online

Introducing Glyph Protocol for Terminals - Raphael Amorim

There’s one thing about terminals that has always bothered me: to get your favorite editor, prompt, or TUI to render nicely, you are almost always forced to install a patched font. You know the drill. You open a fresh terminal, pull up your editor, and half of the UI is replaced by little rectangles — the infamous tofu. The fix is to go download a Nerd Font, or Powerline, or some other patched set, and switch your terminal font to it. A font that is often well above 10MB in size1. All of that — just so you can render...

Mac 30th Anniversary Icons

Mac 30th Anniversary Icons in SVG format

Johto Mono

Hand-drawn Pokémon-style pixel font with 600+ glyphs, full hiragana and katakana, and the full Unown alphabet.

Jim's TrueType QR Code Font

This is a real TrueType/OpenType font that turns bracketed text into QR codes during text shaping. There is no separate image generation or preprocessing step: type text like [hello], apply the font, and the font's built-in OpenType rules render the QR code.

Put aria-hidden=true on decorative SVGs - Manuel Matuzovic

I'm a frontend developer in Graz, specialized in HTML, accessibility, and CSS layout and architecture.

Fontsource

Download and self-host 1500+ open-source fonts in neatly bundled NPM packages. Access a comprehensive library of web typefaces for free.

Zondicons

A set of free premium SVG icons for you to use on your digital products.

SVG to PNG

Convert SVG to PNG right in your browser, reliably and correctly

@tomlarkworthy/svg-lens

The drawing syncs to the code and vice versa. Switch between using code and UI. Built on composable lens [Foster et al. 2007] and edit-lens [Hofmann et al. 2012] theory, but applied in the string domain so unknown semantics like SVG animations are preserved without parsing. Follows the path of Sketch-n-Sketch [Chugh et al. 2016] [Hempel et al. 2019] but applied to an existing image format: SVG. Generated with a novel prompting strategy of requesting an LLM to use property checking against mathematical laws as a architecture, leading to strong implementation consistency over an expansive domain.