How to "merge" two fontello font files?

Question

I'm making changes to an existing project that uses fontello.

And I would like to add some icons to the project's font file.

What is the easiest way to to add those new icons? Can I create a 2nd font file in fontello and then somehow merge the two font files?

Peter Herdenborg · Accepted Answer · 2014-10-10T07:51:30.540

7

When you download a Fontello pack it includes a config.json file, which is a mapping of the characters included in your custom font. If you want to add more characters to your font, you should start by uploading this config file to fontello.com, change your selected characters and then download a new pack, making sure to replace all the fonts and css files (so that the new characters start working) and this config file (for next time you want to change the set of characters included).

edited Oct 10 '14 at 07:51

answered Sep 26 '14 at 09:51

Peter Herdenborg

5,736
1
20
21

The only problem I have now, is that the existing project only has the font files. No config.json to be seen... :( – marco alves Sep 26 '14 at 10:27
I see. Then to my knowledge there isn't much you can do than start from scratch, unfortunately. – Peter Herdenborg Sep 26 '14 at 10:31
Yep :(. Still I'll try to get in touch with guys that developed the initial project to see if they still have the config.json somewhere... – marco alves Sep 26 '14 at 10:42
Had to start from scratch, but I'm using your suggestion to manage new icon additions – marco alves Oct 09 '14 at 12:26
1

Bummer. I hope from now on the process will be smoother. – Peter Herdenborg Oct 10 '14 at 07:52
Definitely. Thanks again. – marco alves Oct 10 '14 at 08:29
3

You can drag the svg version of the font file to fontello and rebuild your package. Also remember the original .zip file you can drag to fontello and it opens it up so you can add more fonts to it and re-export it. – Nathaniel Flick Jan 02 '15 at 05:46

Peter Drinnan · Answer 2 · 2015-01-07T16:50:34.387

You can merge fontello collections using a text editor by opening the config.json file of one collection and copying the glyphs to the config.json file of the other collection. After you do that, drag (upload) the new merged config.json file to fontello.com and you can then download your new merged collection.

To add new icons, simply drag (upload) the SVG images to fontello.com. In this case you may need fix the paths (fontello will only accept files with a single path) within your SVG files before uploading them. You can do this a free tool called Inkscape by following these steps:

Open file
Select all
Object -> Ungroup
Path -> Union
Path -> Combine
File -> Vacuum Defs
Save as -> Plain SVG

If the SVG file has multiple paths that you cannot remove by combining paths, you can use Edit > XMP Editor to remove them. You should only have one path when you are done.

You can also check the svg file output in a text editor. If saved correctly, you should see a single element and an empty element.

score 0 · Answer 3 · answered May 19 '16 at 06:10

0

just drag and drop your svg font to fontello home page. your previous font will be displayed. you can add additional fonts to them and download new font files.

answered May 19 '16 at 06:10

Ali

6,808
3
37
47

How to "merge" two fontello font files?

3 Answers3