File “full_alphabet.html” contains all German upper and lowercase glyphs (A-Z ÄÖÜ, a-z äöüß) in svg/html format. (Preview here NOTE top row shows “Anfangsschrift” bottom row your device's system-ui font)
“Anfangsschrift” is a sans-serif mono-linear font intended for foundational writing/reading instruction and practice, ie ‘cognitive automation’ of the alphabet (and phonics). It adheres to teaching an unconnected/non-cursive (‘print-style’) handwriting.
Letter shapes are deliberately ‘prototypical’ (generic) for maximum recognition, defining a ‘mean envelope’ of each character's ‘principal components’. ‘Exaggerated’ features like extra-long ascenders or ‘curls’ on all connectable stem ends that supposedly aid writing fluency or legibility are generally avoided.
Emphasis is on ‘smooth’ proportions inducing hand-writing and building graphomotor intuition for stroke sequence and direction, based on a slightly narrower ‘less geometric’ overall width.
The font can be used for animation (stroke-wise instruction) and tracing (touch-responsive overwriting), using vanilla CSS-animation attributes and Javascript. A demo is linked here (in desktop browsers turn on touch-simulation in dev tools).
Letter shapes are defined by cubic bezier segments defining a single centerline. To convert this (svg) to a normal outline font, use the template in "svg_to_vector_import", set a fixed line weight and import the curves in your favorite vector/glyphs editor.
Numerals added. Preview here (top: Anfangsschrift, bottom: system-UI). Punctuation marks (?!) and (&) some special symbols (@#) will follow with the next version.