Learn how to use the forum

 QUESTION    Export as OpenType-SVG color font? How to make a Single Line font?

Discussion started on FontLab 7

Hello all,

I you haven't seen it yet, the recent Relief SingleLine font prompted me to be curious about the OpenType-SVG format specifically:
https://github.com/isdat-type/Relief-SingleLine

This Relief SingleLine font effectively lets you use a single-line font inside Adobe Illustrator, so the characters are drawn with open paths which aren't closed/joined when Converting to Outlines within Illustrator.
This allows for much easier use with CNC machines, routers, etc. by being able to use these 'stick' fonts.

Per that linked GitHub page, it appears this was achieved in RoboFont with a Python script.
Quote
Relief SingleLine export as OpenType-SVG format was made possible thanks to [color=var(--color-accent-fg)]Frederik Berlaen[/color]’s otf-svgMaker Python script for [color=var(--color-accent-fg)]Robofont[/color]. This script permits to export any skeletal UFO-based font project towards a single-line OTF-SVG font. otf-svgMaker uses [color=var(--color-accent-fg)]roundingPen[/color] script by Frederik Berlaen. otf-svgMaker script will be soon available on Relief SingleLine Github repository.

I do not have RoboFont (or a Mac) or any sort of Python scripting experience.
So I'm wondering can this be achieved within FontLab? Would it have to be a script?
I haven't tried contacting Frederik Berlaen yet, because I wasn't sure if there are technical barriers that prevent even a script implementation.
(If it isn't possible, I guess this post may be more of a feature request than a question...)

Thank you for any and all replies!
#1 - 2022-05-16, 06:56

Hi Aaron,

you can open the .glyphs file included in the GitHub archive directly in FontLab 7. FontLab has an export setting for exporting fonts with open-contour glyphs as double-stroke drawings, intended for use with plotting or CNC engraving machines. You would have to see whether that works for your purpose.
 
Customize.pngExport as OpenType-SVG color font? How to make a Single Line font?

 
In order to create a custom export profile, go to File > Export Profiles …, select the default OpenType TrueType profile and click Customize to duplicate the profile and change the way in which FontLab treats open contours on export (see illustration above). The double-stroke option was added in FontLab VI already. See here.
 
Hope it works. :)
#2 - 2022-05-16, 15:25
« Last Edit: 2022-05-16, 15:27 by Alex_H »

Thanks @Alex_H for that helpful information! That doesn't exactly achieve what I'm hoping for, but it is still an improvement.

Opening the Glyphs source file, I see it does contain the characters drawn as a single line, but the Open_OTF-SVG font is the one recommended for use in Illustrator.
When I install that, type text into Illustrator, and convert it to outlines, it all remains single open paths (no duplicating and closing). I am hoping to achieve this same result.

When I open the Relief SingleLine-Regular_svg.otf in FontLab 7 I can see two layers. One appears to be for the SVG.
When I right-click I have the option to 'Make SVG Editable' but if I click that it appears to just flip vertically. (Bug?)
What I see:
https://i.imgur.com/9TYYHGL.png
Export as OpenType-SVG color font? How to make a Single Line font?


In any case, is the SVG-ness of this font file what allows for the paths to remain open after conversion in Illustrator?

From using it in Illustrator, it seems like the 'bw' layer in FontLab is what is used for displaying the live text. (These are the normal 'filled' paths which are closed.)
So the 'Regular' layer seems to contain the single-line open paths that are preserved/revealed when Converting to Outlines in Illustrator.

What I see in Illustrator:
https://i.imgur.com/zc2uvDo.png
Export as OpenType-SVG color font? How to make a Single Line font?

I use an Astute Graphics plugin (PathScribe) which is handy for showing if paths are closed. You can see if I check the vertical stroke of the exclamation point, it is simply a single segment with two points, and it is open.

I'm not familiar with how precisely/technically SVG fonts work, but that seems to be what is allowing the original font to perform with these desired single-line open path results.
Icon in Illustrator's font menu:


I'm not especially concerned with the appearance of my live text, I just want to have single-line open paths once I convert to outlines. So I can modify this font as I like, but I still don't know how (if at all) I can output it in a format that will behave the same way in Illustrator.

Hopefully this clarifies or helps things somehow. Thank you again for any and all replies.
#3 - 2022-05-17, 18:46

I see, thank you, Aaron. I’m not sure the production workflow that was used for Relief Single Line can be reproduced directly in FontLab. I don’t know whether the following helps, but you can study the SVG code of the glyphs included in the Open_OTF-SVG version of the typeface in FontLab’s Source Panel. The SVGs simply consist of open paths with strokes assigned, but I haven’t been successful yet reproducing the font file structure by a direct export of the Glyphs source from FontLab. Or from Glyphs, for that matter. :(
 
SVG.pngExport as OpenType-SVG color font? How to make a Single Line font?
#4 - 2022-05-18, 14:25
« Last Edit: 2022-05-18, 14:34 by Alex_H »

The flipping of the glyphs, when making the SVGs editable (which doesn’t seem to work) must be due to the way FontLab interprets the transformation matrix data inside the SVG. I fear one of the developers would have to chime in here, in order to explain what’s happening.
#5 - 2022-05-18, 14:37

Thank you again for the help and digging into this! I realize I'm asking for something that is both very niche and very new. Relief-SingleLine was only just released a few months ago.
I'm optimistic for future FontLab support for this open path OTF-SVG export method, so if any of the developers happen to see this, please consider it a feature request for future updates. :)
#6 - 2022-05-20, 07:07

Members:

0 Members and 1 Guest are viewing this topic.