How do I get all FontAwesome fonts to work in Sketch?

9 years ago from Samihah A, Product Designer @ Lyft

I have Font Awesome installed on my computer and am using the cheat sheet to transfer icons to mockups in Sketch from Bohemian Coding, but unfortunately, not all icons are rendering correctly. Chevrons appear as they do in the cheat sheet, but other icons, such as the anchor, do not. They appear as a box with an X in the middle.

Font in Sketch is set to Font Awesome so I'm not sure what's going on and why some icons will render correctly and others look like a box with an X.

Anyone else face this problem and solve it? Insights are much appreciated!

10 comments

Becca Snyder, almost 6 years ago
I ran into this a few days ago - I actually solved it by installing the FontAwesome.ttf instead of the one I had originally selected, which was FontAwesome.otf (several formats come with the .zip file)
1 point
Chris C, 9 years ago
The way I do it when I actually do use Font Awesome fonts is just select and copy the icon I want from their cheat-sheet and then paste it into Sketch. It's a bit tedious but it always works.
1 point
- Samihah A, 9 years ago
  That's what I've been doing and it works for some of their icons, but not others. For example, the chevrons render correctly, but the anchor does not. The same thing happens in Photoshop.
  0 points
- Guillaume Esquevin, 8 years ago
  For reference, the cheatsheet is there: http://fortawesome.github.io/Font-Awesome/cheatsheet/
  Because of the way font awesome is displayed anywhere else on the web site, it's the only place where you can copy the icons.
  1 point
Sergi Bosch, over 5 years ago
for me, what finally worked: installed plugin keremciu/sketch-iconfont installed keremciu/font-bundles. Success!
0 points
Kerem Sevencan, almost 7 years ago
@Samihah A hello, you can use this https://github.com/keremciu/sketch-iconfont
0 points
Tung Jacob, almost 9 years ago (edited almost 9 years ago )
Your question has the solution today: https://github.com/sethlilly/Font-Awesome-Symbols-for-Sketch
I've tested it on Sketch 3 and it works perfectly
0 points
- Jahed Momand, almost 9 years ago
  my sketch 3 refuses to open it
  "font awesome symbols.sketch could not be opened"
  0 points
Axel Valdez, 9 years ago
You may have an old version of Font Awesome in your computer.
0 points
- Samihah A, 9 years ago
  Nope, I have the latest version of FontAwesome. 4.0.3 or something.
  0 points

Designer News

Join Us

How do I get all FontAwesome fonts to work in Sketch?

10 comments

Join Us

Login to Comment

Register Today