Note that you can create an "SVG Font" _entirely within your Inkscape document,_ then load the SVG file directly into FontForge (it will just read the file's SVG Font table), which cuts down on the actual time required to compile the font. Years ago (like 2015) I practiced a bunch of lettering, scanned the results, imported them into Inkscape to trace/refine the glyphs and ultimately (via FontForge) built a working font file with it. Font building is itself a HUGE iceberg with a lot of depth to get lost in.
@aurisbunni
9 ай бұрын
I can't believe importing SVG from Inkscape to FontForge is as easy as that, but at the same time it make so much sense since SVGs are simply just instructions on how to draw stuff. Fantastic tutorial, Nick.
@Stratelier
9 ай бұрын
It's actually even easier than shown: You can build an "SVG Font" inside your Inkscape document directly, then load the file _as a whole_ into FontForge for final adjustments and exporting (FontForge will just import the SVG Font table).
@euansmith3699
9 ай бұрын
Fantastic! I've been wanting to do this for ages but have never known how. This is a real and concise tutorial. 😍👍👍👍
@kevinfoo8031
9 ай бұрын
As a sign guy, rounded letters sit below the base line and above the height. For instance the letter 'o' is typically larger than the squared letters. If the 'o' is the same size as a squared letter, it will visually look smaller, hence the size difference, Hope Fontforge recognises this.
@Astronomynatureandmusic
8 ай бұрын
Fontforge does not resize the o. Best you can do is design your font with the visual look of smaller letters in mind.
@QuotePilgrim
7 ай бұрын
It is the job of the designer, not the app, to know about these things and apply that knowledge.
@frankiet-h992
9 ай бұрын
Really great tutorial Nick, please never stop making videos, they're always so useful, easy to understand and replicate, and your delivery is really uplifting in a really tough time. Thank you :)
@jbgra2566
9 ай бұрын
Another great tutorial! Thanks as always Nick!
@JosephAlanMeador
9 ай бұрын
Ah man, I've been wanting to make a font for a while! Gonna try this. Thank you Nick!
@michaelsalais7393
9 ай бұрын
Excellent and straight forward. Thanks, Nick!
@lynnebizlyne436
15 күн бұрын
Excellent tutorials for Inkscape. Will share your link with others👍 Thank you for sharing
@pixelrancher
9 ай бұрын
I'm seeing some new fonts in my future. Thanks Nick!
@gerritjordaan
9 ай бұрын
Holy moly!! Thanks Nick. This is a great tutorial. I have been aiming to design my own font for years, but havn't had the chance to do so. 2 things I wish to know further is.. Opentype fonts with different swirly variations. Like for instance a Handwriting font that flows into each other. I see people using Glyphs on Mac doing that and I was ondering if the same can be done with Font Forge.
@Stratelier
9 ай бұрын
Yes, font metadata is a HUGE iceberg and there are surprising number of features you can do as part of the font file itself. To start with: - Kerning: This adjusts the spacing between letters, because (for example) a combination of "A" and "W" appears to have more separation than "A" and "M", even if the separation between their logical bounding boxes is the same. - Similarly, you can create glyphs that are larger than their allocated space (which is simply a "width" value). The old DOS "box drawing" characters for example occupy 100% of their defined width and/or height, so that when placed together there is no separation visible between them. - Glyph substitution. You can set up rules in the font metadata that basically say "if glyph X appears next to glyph Y, render glyph Z in place of one (or both) of them". This was mostly intended for letters with diacritics (so that you don't need to define a separate glyph for _every_ diacritic on _every_ letter) but should be functional for general usage, like making glyphs link together the way they might do in handwriting.
@IronEchoDesign
8 ай бұрын
I learned everything I know from you, Nick. Still learning now. Always wanted to play with font creation and you’ve led the way once again. 🙏
@galihkurniad
8 ай бұрын
Dear my teacher, please make us a tutorial on how to create an editable Text Effect with LPE in Inkscape
@chayanui20
6 ай бұрын
you were mentioned the previous vdo about Inkscape where you did create the font for this tutorial. Which vdo is that ? I would like to start with that one first. Thank you
@DavidCollinsRivera
9 ай бұрын
Excellent job, Nick! I've been wondering for a while how to go about doing this!
@adagio333
8 ай бұрын
So pleased to have discovered this tutorial. I will be giving this a try very soon. Thanks for uploading...
@Sim2322
4 ай бұрын
The Unity game engine does not really support vector graphics, and I've been thinking about a way to have simple resizable icons, and making an icon font worked great. Ran into a couple issues with the more complicated ones (mostly intersection errors), but hey! Still much better than nothing
@ToniTerremoto
9 ай бұрын
Nick, amazing tutorial. Tx a lot from Barcelona. Nice to follow your channel ❤🎉
@williamdoust
5 ай бұрын
Thx Nick, best video I've seen, that is practical, accessible and gives us a sense of quick completion and possibility. Can you do the same oeocess with chromatic fonts, but obviously woth a different ooen source software? - is that even possible. Would be am interesting follow on. Very grateful 🎉✌️👍👏🥳.
@tiopd
2 ай бұрын
wonderful, thank you so much!
@joseloeza371
Ай бұрын
Excellent video thanks
@lucasgarcia95
Ай бұрын
Thank you! 💛🖤
@saraabreusicilia7271
9 ай бұрын
You are the best!!
@mekaclaude
9 ай бұрын
Amazing ! I use it already ! Thanks.
@MikhailPavstyuk
9 ай бұрын
Amazing instruction. Thank you.
@timetraveller6643
9 ай бұрын
Wonderful ! Is there a helpful inkscape template for font creation so I don't need that resizing step ? You know, the height, baseline and descender limit, and other stuff. Also, what is the size based on anyway? vectors don't have a standard size do they? Thank you Nick !
@timetraveller6643
9 ай бұрын
@NotRexButCaesar -- The size never matches. The x height and the full height are always smaller than the ones in ff. I wish I could work out what the ff dimensions are so I can make my own inkscape typeface template. Trial and error is getting so frustrating. all I need is the numbers and units. argh !
@Stratelier
9 ай бұрын
Glyph design is a large subject in and of itself. But here's an overview: - XY coordinates within a glyph are measured in terms of "em units", an "em" representing the distance between two lines (baselines) of text. A lot of fonts specify 1024 (a power of 2) as their "em height", meaning that every 1024 units on canvas represents one line of text, so your glyphs should definitely be smaller than 1024 units high. - In general, a typical letter should have a "full height" about 70% of the em-height, leaving the rest open to provide separation between lines (because a glyph that occupies 100% of the em-height would pack together vertically with no natural separation between lines). - There is also the "x-height" which defines the height of lowercase letters, if it is different from the full height. Lowercase letters can have distinct glyphs, be "small caps" versions of uppercase, or just be duplicates of the uppercase letters directly. - "Ascender" height refers to how far e.g. stems on lowercase "d" and "h" reach above the x-height. This can be the same (or different) from the "full height" of a letter. Depending on the desired alphabet and/or script style, uppercase letters can have ascenders reaching above the usual full-height. - "Descender" height is the amount that e.g. the tails of lowercase "g", "p", "q", and "y" dip below the baseline. Uppercase letters (e.g. "Q") also have descenders. - Letters with rounded edges (e.g. "o") generally overflow their intended metrics by just a little, to compensate for the rounded edges. Otherwise they'd appear unintentionally smaller than letters with straight edges.
@mjhdlfkr2969
9 ай бұрын
Use the pixel size. For example, the X-height size is 700px. When copied and pasted into FontForge the size will be fixed and does not need to be enlarged or reduced again.
@geoffphil
21 күн бұрын
Interesting. Thanks. How can one get consistent ketter spacing though, rather than guessing/eyeballing?
@lkzbrandao
2 ай бұрын
Can i create the font in Illustrator and export to FontForge?
@maulidabdullah1027
5 ай бұрын
Thank you very much nick
@NYProductions
9 ай бұрын
Great tutorial!
@javahaha7286
9 ай бұрын
I can't install fontforge on Mac M2
@fatimiohm
Ай бұрын
THANK YOUUU
@user-yb3pd1rw3u
8 ай бұрын
thankyou so much it really helped
@acart-jp8rf
5 ай бұрын
I can't seem to import my own numbers and symbols for some reason. Also, how am I going to set the spacebar length?
@LukianMusic
4 ай бұрын
There was no chance to somehow copy vector letter and paste it in FontForge as iMac doesn't allow me to do that :( it is not copying. Dunno why. It's copying but I can't paste in FontForge.
@Sfskatevibes
2 ай бұрын
ive got the same problem!!! by any chance did you fin d a solution for that problem? id appriciated if you reply
@mamorojo
2 ай бұрын
Im copying the characters from Illustrator but when I paste them in FontForge they don't appear. Any clue?
@marcosgomes3140
9 ай бұрын
Nice tip!! ❤️❤️❤️
@programandoconkiki
9 ай бұрын
Fantastic!
@OldRedandGold
7 ай бұрын
I just found your channel after many frustrations trying to DIY Inkscape. I'm trying to create my own custom font for a logo of my own, but, I'm having a hell of a time, so do you have a video for how you created those letters in Inkscape? Thank you very much.
@afrikaniz3d
9 ай бұрын
Thanks for sharing.
@rile3894
2 ай бұрын
"I'm sorry this file is too complex for me to understand (or is erroneous)" any fix??
@JohnColgan.
4 ай бұрын
Does fontforge allow you to edit individual font characters? I do a lot of CNC work and some apps complain about intersections and vector loops. We gave to edit these at SVG node level every time. It would be nice to fix the source once & use clean vector fonts for ever!!
@Astronomynatureandmusic
8 ай бұрын
Caution at 5:50: in Windows, Inkscape may only show fonts installed via SHIFT&right click and selecting "Install for all users".
@rizkydharma8373
5 ай бұрын
Can I do this with illustrator?
@oliverwang95
4 ай бұрын
Great! But i fail to paste into Fontforge. Does anyone know how to solve that?
@Sfskatevibes
2 ай бұрын
same problem here
@Inkscape-tutorial-pl
9 ай бұрын
Thanks. There is some kind of font editor inside Inkscape but I was trying to use it and it was a mess.
@Stratelier
9 ай бұрын
Yes, it is kind of a mess, but the upside is you can define glyphs in Inkscape then load the file as a whole into FontForge for further refinement.
@malavlaggad7321
7 ай бұрын
Hello sir, I am facing a problem from last 2-3 days. The blur function is not working in my inkscape. I can't see blur on canvas but it is there when I export it. So please make a video on it
@LogosByNick
7 ай бұрын
Try checking your display mode. Go to: View > Display Mode and make sure you have Normal selected
@malavlaggad7321
7 ай бұрын
@@LogosByNick thank you so much sir, now it's working
@johntreeman8468
9 ай бұрын
Superbe !
@vizeath
9 ай бұрын
But what if the computer cannot read the font?
@Stratelier
9 ай бұрын
On the FontForge side, when you tell it to generate a font it performs a number of validation checks specifically to alert you to any problems that might prevent the compiled font file from loading.
@QuotePilgrim
7 ай бұрын
You're doing this in the least efficient way possible. You can reposition (and resize) all of the characters simultaneously after importing them all, and also adjust all sidebearings automatically instead of doing it one by one. (Edit: and you can select all letters in the uppercase fields and paste them into the lowercase ones all at once.) Even then that's only the beginning of making a font. If you want to make a proper professional font you are going to spend most of your time kerning.
@williamdoust
5 ай бұрын
In defense of Nick's approach, as a teacher, it makes sense to ensure the process is accessible - as a first pass - to dip your toe as a total novice. Then you can go deeper into the pool, session by session or video by video. If you throw people into the deep end, guess what? - most will be put off and won't even try font making. ✌️🎊🎉👏
@moonkidcaptainmooncrackle827
5 ай бұрын
I thought you were going to name the file "Fonts By Nick" 🤣
@GHILLIESARCADEANDMORE
9 ай бұрын
Cool
@bartoszjasinski
9 ай бұрын
This tool would be better if it could import designed letters by their object names
@Stratelier
9 ай бұрын
You actually can ... sort of. Under Inkscape's "Text" menu there's a section for "SVG Fonts" where you can actually assign paths to named glyph slots, then you can load the SVG file directly into FontForge. It saves the work of manually copy-pasting glyphs one at a time.
@ManthaarJanyaro
9 ай бұрын
1st comment ❤🎉
@FAKKER_rap
9 ай бұрын
Looks like bad crutch....
@FAKKER_rap
9 ай бұрын
There must be a way to choose letter space precisely, not randomly by eye.
@Stratelier
9 ай бұрын
@@FAKKER_rap Yes there is. On the FontForge side you can manually specify "left" and "right" spacing (the guidelines on the grid are just a shortcut for doing that), both per glyph and as a default value for all glyphs.
@psylentrage
9 ай бұрын
No thank you to ff, ANY other way?
@felipedutra5276
9 ай бұрын
Why not ff?
@felipedutra5276
9 ай бұрын
Why not ff?
@timetraveller6643
9 ай бұрын
It feels a bit clumsy but I've never used anything else and I only use open source software. What do you use ?
@psylentrage
9 ай бұрын
@@timetraveller6643 I'm looking for an alternative
@UnbeltedSundew
9 ай бұрын
@@felipedutra5276 because FF is a pretty obtuse, probably just takes time to get used to though.
Пікірлер: 84