: What are the pros and cons in Sketch of outlining icon fonts over leaving them as fonts? I'm unsure which method is better, and also which one enables the easiest handover to a developer.

@Kimberly620

I work as a senior designer & developer, and when I am designing in SKetch & know that I will be developing the same project, I always make sure to set my line heights on icon fonts to an equal value of the type size.

The problem lies in line height. When some developers open your file & look for sizing/pixel values, they might not notice if there is extra 'padding' between your icons and other elements in your design.

Plainly speaking, if you're not going to manually set the line height of each of your icons, use a vector (outlined) icon instead. The only exception to this might be FontAwesome/Black Tie. I'm not sure if they are set to a line height of 1 by default.

Vote Up Vote Down

@Frith110

I think icon fonts are pretty awesome. I really like working with them a lot, and I think, in most cases, that’s totally fine. There is one major drawback about them, though.

An icon font is just like any other font that you might be using, but it’s just made up, literally, of icons.

Vote Up Vote Down