How I extracted Wiz ’n’ Liz font

Extract the letters as GIF images

Using Gimp:

• Select a letter using the fuzzy select tool
• Ctrl + c
• Ctrl + Shift + v
• Colors → Invert
• Ctrl + Shift + e
• Export as a GIF in a gif directory

Convert those GIF letters to SVG

Use Pixels.svg to converts the GIF to SVG files. Those files are not directly usable, you need to follow Fontello recommendations on how to prepare images using Inkscape.

Using Inkscape:

• Open the SVG file
• Select all
• Edit → Resize Page to Selection
• Object → Ungroup
• Path → Stroke to Path
• Path → Union
• Path → Combine
• File → Clean up document
• Set the document to use PX units
• Ctrl + Shift + s, save as Plain SVG
• Remove the first line containing “<?xml version="1.0" encoding="UTF-8" standalone="no"?>”: sed -i '1d' <filename>

Create the font using the SVG letters

Create a .svgtofontrc file with the following content:

{
  "fontName": "wiznliz",
  "css": false,
  "startUnicode": "0x41"
}

Run the following command:

npx svgtofont --sources ./svg --output ./font

Enjoy

The result can be checked out on my Wiz ’n’ Liz fansite.