Skip to main content
Solved

Problem with export - icon to font

  • December 21, 2022
  • 4 replies
  • 1584 views

Florin1

Hi,

I’m trying to create a icon font with figma. All my icons are outlined to strokes and flatten but when they are exported and transformed into a font, I’ll get random filled surfaces (the only difference between the shown icons is the size).
exported font


When I open the exported icons with illustrator or a different graphic program everything seems to be normal but I get the same issue if I export them again with the different tool. To narrow down the problem, I created the icon with illustrator, and there was no issue at all.

I hope someone can help me with this problem or knows a workaround.

Best

Florin

Best answer by Jeremy23

Try this:

Figma
View original
This topic has been closed for comments

4 replies

Brook_Cronin

Hey Florin, i have quite some experience building icon fonts and currently also use Figma to generate my source icons. Can i ask what toolchain you are using to generate the icon font? Mine is done with a custom python script that uses fontforge to generate the font itself.

One of the key things i found while working with illustrator to create the svgs was to look for extra layers that have stray single points, which are not visible when you look at the file in illustrator, until you select them, but messes up fontforge during the generation.

Let me know if you need some help with this topic.

Best,

Brook.


Jeremy23
  • New Participant
  • 30 replies
  • Answer
  • December 21, 2022

Try this:

Figma

Florin1
  • Author
  • 2 replies
  • December 21, 2022

Perfect, thank you!


Florin1
  • Author
  • 2 replies
  • December 21, 2022

Hi Brook,

thanks for your offer, I could solve the problem.

Best

Florin


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings