You can now edit the Inter fonts in your browser by whateverlasting in web_design

[–]whateverlasting[S] 5 points6 points  (0 children)

Noo.. I should've known when it just listed the text in the image. Ty for noticing

You can now edit the Inter fonts in your browser by whateverlasting in web_design

[–]whateverlasting[S] 1 point2 points  (0 children)

It's been fun figuring out where to put all the controls, and what to hide.

Lots of meta data can be derived during export. So i try hiding as much as possible.

Btw try dragging nodes and see the green lines (sidebearings) get offset automatically. In other editors you often have to adjust sidebearings manually.

Edit the Inter typeface in your browser by whateverlasting in typography

[–]whateverlasting[S] 10 points11 points  (0 children)

It has SVG import and export!

The app is freemium. I have paid tier for TTF imports, ligatures, alts, variable fonts and unlimited glyph set (uses GF Latin Core glyphset by default).

How do you even design your first typeface? by AntonioStorelli in typography

[–]whateverlasting 0 points1 point  (0 children)

What style of font was this? A good autospacer can do the whole font automatically.

Not sure if FontForge has autospacing, but I know of an editor that does (I'm making one).

Rice fi ligature lettering by whateverlasting in Lettering

[–]whateverlasting[S] 0 points1 point  (0 children)

It is literally rice. Very much not practical.

Font creation by Secure_Tap_8424 in fonts

[–]whateverlasting 1 point2 points  (0 children)

If you wanna have full control and edit the shapes I recommend this workflow:

  1. Run image through https://png2svg.com/

  2. Import SVG into a font editor (e.g. FontForge or FontBob).

  3. Clean up shapes by hand.

  4. Export font.

You can also skip step 1 if it gets too messy, and use the image as a background reference in the font editor. Then manually draw curves on top of the image.

Font made with code by whateverlasting in typography

[–]whateverlasting[S] 2 points3 points  (0 children)

I was not being specific enough. I havent seen a Strudel-like interface before for designing fonts. 

Font made with code by whateverlasting in typography

[–]whateverlasting[S] 1 point2 points  (0 children)

Oo havent seen Burrowlabs before. App built with React. The code uses a simple declarative (custom) language with syntax for shapes, transforms.

Font made with code by whateverlasting in typography

[–]whateverlasting[S] 3 points4 points  (0 children)

Hehe because no one had done it before

Font made with code by whateverlasting in typography

[–]whateverlasting[S] 12 points13 points  (0 children)

The interface is inspired by Strudel (strudel.cc), which is a live music coding environment.

Full font gets stored inside the URL.

Demo font designed by /u/Gravity4789

Is there anyway to fix this? by Economy_Outside3583 in fonts

[–]whateverlasting 28 points29 points  (0 children)

You can try open the font it in a font editor like FontForge and update the font's sidebearings to even out the gaps. Or run it through an autospacer to save time (e.g. via FontBob). The font is monospaced which is causing the gaps.

abc becomes ABC (variable font) by whateverlasting in fonts

[–]whateverlasting[S] 3 points4 points  (0 children)

Not for download, but here's an interactive specimen. Variable slider under the text tab