Stack Exchange Network
Stack Exchange network consists of 183 Q&A communities including
Stack Overflow
, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.
Visit Stack Exchange
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It only takes a minute to sign up.
Sign up to join this community
Teams
Q&A for work
Connect and share knowledge within a single location that is structured and easy to search.
Learn more about Teams
I have tried my hand at designing a font, and have made the individual SVG files for each character on Inkscape. Looking at other things about this topic, the answer always seems to be something along the lines of "You should make the font in an actual font application". I know this, but is there any way of converting an/many Inkscape files into a .ttf format? I could put each character in the one file if need be.
Short answer – no.
There is a lot more to designing a font than just designing the glyphs and doing a "Save As". There are a number of things Illustrator or Inkscape can't do with regards to your new font - Spacing, kerning, hinting, metadata etc. That is why
you need a font editor
.
Most type designers will draw the shapes directly in the font editor as their drawing tools are designed and optimised specifically for creating letterforms. Most font editors will however allow you to import paths from Illustrator or Inkscape, there are some things you need to take in to consideration first though.
Your paths in the font editor will normally snap to a UPM grid (typically 1000×1000 for PostScript fonts and 1024x1024 or 2048x2048 for TruType fonts) so you will need to set up a corresponding grid in Illustrator/Inkscape first and snap everything to that grid or you could end up with distorted paths.
Paths will need to be the correct size too, I usually set up an artboard 1000pt × 1000pt then import with the settings set to import 1pt = 1UPM (assuming I'm working with a UPM of 1000).
You may need to move the zero point on your ruler too, so that the paths import in the correct position. This may vary depending on what programs you use though.
Here are some posts about exporting paths from Illustrator to FontLab - but the idea should translate to whatever programs you are using.
Working with Illustrator and FontLab Studio
Using Illustrator to draw fonts for importing into FontLab
Designing a Typeface, With Illustrator and FontLab, from Start to Finish
Once you have your paths in your font editor, then you can start worrying about things like spacing and kerning.
FontForge allows you to batch import SVGs (and other vector files) via
file → import.
I quote
the documentation
:
[…] you may either select several image files and they will be loaded consecutively into selected glyphs, or you may select an image template and all images whose filename match that template will be loaded into the backgrounds of the appropriate glyphs. Image templates look like “uni*.png” or “enc*.gif” or “cid*.tiff”. You select the template by selecting a filename which matches that template – So if you select “uni1100.gif” then all image files which start with “uni” and end with “.gif” and contain a valid unicode number will be loaded and placed in the appropriate place. Files named “enc*” or “cid*” are handled similarly except that they specify the current encoding (and the number must be in decimal rather than hex).
Then you can theoretically directly save the result as a TTF, but the result will very likely not be a good font and also not comply to standards. So, you best put some work into your font after importing it to FontForge.
Inkscape 1.2 now includes a font editor dialog, check the manual:
https://inkscape-manuals.readthedocs.io/en/latest/creating-custom-fonts.html
You can then create the font with Extension -> Typography -> Convert Glyph layer to SVG font.
Thanks for contributing an answer to Graphic Design Stack Exchange!
-
Please be sure to
answer the question
. Provide details and share your research!
But
avoid
…
-
Asking for help, clarification, or responding to other answers.
-
Making statements based on opinion; back them up with references or personal experience.
To learn more, see our
tips on writing great answers
.