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.
Incremental Font Transfer Demo
This demonstrates the use of the incremental font transfer (IFT) to load font data for display of a variety of scripts. IFT works by using patches to extend a font to cover more codepoints and/or axes as they are encountered in rendered text. This allows loading of only the parts of a font that are actually needed. This demo is using a fully static (ie. no dynamic backend) version of IFT. IFT is currently in development with the w3c webfonts working group and an early draft of the specification implemented by this demo can be found here.
SvelteKit & TailwindCSS Tutorial – Build & Deploy a Web Portfolio
animated SVG-in-OpenType Digiac font
animated SVG-in-OpenType Digiac font .Visit vith Firefox or MS Edge...
Programmable fonts with Rust by Valdemar Erk
Generating 3D Meshes From Text
I recently had a desire to convert text to 3D meshes that I could render and manipulate as part of my Geotoy project and Geoscript language. I did some research into tools and libraries that could solve different pieces of this, and I put together a pipeline that implements the whole thing - yielding nice, 2-manifold 3D meshes with arbitrary fonts, text styles, and more.
@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.
Generate font pairing using neural nets
Fontjoy helps designers choose the best font combinations. Mix and match different fonts for the perfect pairing.
svelte-skills/plugins/frontend/skills/pixel-perfect/SKILL.md at main · fubits1/svelte-skills
Contribute to fubits1/svelte-skills development by creating an account on GitHub.
The Node-Based UI for Svelte - Svelte Flow
A customizable Svelte component for building node-based editors and interactive diagrams
Svelte 5 & SvelteKit Onboarding
