Use these Font Awesome 5 working names :)

[username1290]

Just in case anyone needs the right names for the SVG install to work:

Font Awesome 5 Free
Font Awesome 5 Free Solid
Font Awesome 5 Brands

Just make sure the SVG font id and font-face font-family have these names
😄

[keremciu]

yep I made a video about it, I talked with them about pro fonts, I will publish a new version for the plugin

#25

[Animalejourbano]

It works also for pro fonts. I've used the following names and they work grate! Thanks a lot @keremciu for your work:
Font Awesome 5 Pro Light
Font Awesome 5 Pro
Font Awesome 5 Pro Solid

[keremciu]

@Animalejourbano oh so nice man! you know the problem font-ids and font-family names are different, can you give me a list font-ids and font-families for pro fonts?

I will just add them here:
https://github.com/keremciu/sketch-iconfont/blob/master/iconfont.sketchplugin/Contents/Sketch/const/import.js#L17

then when a user add that font, there will not be a problem, if you'd like to contribute you can send a PR about it!

[Animalejourbano]

There is a problem with that, because all pro fonts have the same id, which is "fontawesome-pro" . At least in the 5.0.4 version
The difference between each font is given by the "font-face" and "font-weight" attributes of the "font-face" element.

<font-face font-family="Font Awesome 5 Pro" font-weight="300" font-style="Light" /> <font-face font-family="Font Awesome 5 Pro" font-weight="400" font-style="Regular" /> <font-face font-family="Font Awesome 5 Pro" font-weight="900" font-style="Solid" />

[steveharman]

Great stuff @keremciu ! I'm up and running with Font Awesome Pro 5.0.6 (current at time of writing) Light, Regular & Solid following the video and naming convention below:

Font Awesome 5 Pro Light
Font Awesome 5 Pro Regular
Font Awesome 5 Pro Solid

Only small issue seems to be with the "Brands" font that comes with FA Pro. Its name details taken from the SVG appear to be:

 <font id="Font Awesome 5 Pro Brands" horiz-adv-x="640.4">
    <font-face font-family="Font Awesome 5 Pro Brands"
      units-per-em="512" ascent="448"
      descent="64"
      font-weight="400"
      font-style="Regular" />

How would we include support for using Brands in the Icon Font plugin please?

Thanks,

Steve

[frankparadiso]

I'm using:
<font id="Font Awesome 5 Brands" horiz-adv-x="640.4"> <font-face font-family="Font Awesome 5 Brands" units-per-em="512" ascent="448" descent="64" font-weight="400" font-style="Regular" />
And it's working like a charm. 😎

[cairnchampagne]

I'm also experiencing this problem with the PRO version:

Just going to move over to this discussion. Hopefully, we can get this solved.

[keremciu]

@cairnchampagne did you look at your font glyphs at font book app?

[cairnchampagne]

@keremciu

First off - great plugin. I wish icon fonts were WAY easier to use in SKETCH but, for now, it is what it is.

I don't use font book. I use Font Explorer Pro. But, all the glyphs are there:

I did the renaming trick through Visual Composer but, I don't get the full array of icons.

[keremciu]

@cairnchampagne oh, I think it's all about icon names differences between ttf file and svg file, I will try to learn how we can fix this one