0

Programmatic Solution for Emboldening Glyphs


In other words I want a tool that helps me convert glyphs to heavier/lighter weights.

I have been using Inkscape v1.2 to create glyphs, but now I want to italicize them & embolden them. Skewing the font to make it italic is easy enough, but the only way I have figured out how to embolden the text is to move the paths individually one by one. I was hoping to find a more programmatic/algorithmic solution (or tool) such that the result is more uniformed than what I can do by hand.

1
  • Just add a stroke to the letters. That's by far the simplest method to create faux-bold lettering. Note that this isn't a great solution for all fonts however, best to stick with more simple sans-serif fonts. Also although scripting questions are allowed here, GDSE isn't a script writing service. You'd need to show at least what you have tried/what has failed.
    – Billy Kerr
    Aug 14, 2022 at 20:42

2 Answers 2

1

Here's one trick:

enter image description here

In the left there's a combined path (originally A of font Arial, because I cannot design good looking own letters) There's also guides on the top and in the bottom.

In the middle the path has got "dynamic offset" to make it fatter. The result is converted to path to have again a path with no effects. As well one could insert a stroke, then convert the stroke to path and make an union with the original.

In the right the path is scaled smaller to make it fit between the original guides.

If you want to avoid the automatic rounding you should instead of dynamic offset add path effect "Offset". It allows a well rounded as not rounded result.

As said, you can also work by inserting a stroke. The version made by inserting a stroke doesn't make automatic roundings if you select the proper stroke style. An example

enter image description here

The offset effect and inserting a stroke (+subtract instead of union) can as well be used to make a lighter weight version of a glyph.

Warning: Inkscape generates unwanted groups. To make the union of the inserted stroke (after converting it to path) and the original path you must ungroup them or select them in the Objects panel. Booleans do not work with groups.

I guess you have already found that mechanical mods such as skewing you used to make "Italics" and some trick which resembles the ones above are used in many writing and layout programs if the installed font doesn't contain Italics or Bold. They are better than no italics and no bold at all, but the result with them does not look as pleasant and balanced as the separately designed Italics and Bold versions created by a talented and experienced type designer.

You wanted "a programmatic method". It's up to you write or hire a programmer to write a script which applies the shown tricks. It's well possible that no programming is needed at all. Web browsers seem to have it already done. Unfortunately I do not read nor speak their language well. Check this to get a better idea https://alistapart.com/article/say-no-to-faux-bold/

0

If you have saved your glyphs as SVG, you can open the glyphs in notepad and change the number in "stroke-width:25" to make it bold or thin based on your requirement.

The code looks like the below:

style="fill:none;stroke:#0a0a0a;stroke-width:25;stroke-linecap:round;

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.