Font Awesome Widget Library for RP 8 (Icon Fonts)


#61

Hi everybody,

Attached is the FontAwesome v4.4 library. I took the v4.3 library and added all the new icons. Make sure to update your local install of FontAwesome as well as your Web Fonts mapping within your prototype.

Link to updated FontAwesome download files -Font Awesome, the iconic font and CSS toolkit
New Web Fonts link on maxcdn - https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css

FontAwesomeV4.4.rplib (4.76 MB)


#62

I also put together an updated FontAwesomeV4.4 rplib file, but it looks like someone else beat me to it. :slight_smile:

Either way, here it is. FontAwesomeV4.4.rplib (4.99 MB)


#63

thanks for the update!


#64

Here’s the weblink I used for 4.4.0 - works beautifully for me

http://netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.css
This is freaking awesome! Many thanks to all contributors!


#65

[QUOTE=Paul;26389]Hi Axurians - now that web fonts are available, I wanted to show you step by step how you can utilize Font Awesome in your Axure prototype.

1) Download and install Font Awesome

http://fontawesome.io/3.2.1/assets/font-awesome.zip

Do we have a link someplace to the LATEST FA library? I know there are newer ones than this one.


#66

For me, running Axure 7 on Win 7 with the font installed, many of the icons show as the empty boxes when I preview the wireframe in a browser. This is using any version of the library other than 3.2.1.

It looks like any icon that is not a part of the 3.2.1 library will not work for me. PITY!


#67

If you have the font installed locally you can always copy/paste icons directly from the cheat sheet: https://fortawesome.github.io/Font-Awesome/cheatsheet/

From there you can either set up webfont mapping or just convert the fontawesome text into an image so others who don’t have the font can see them.


#68

But I have the font installed and when I preview I still can’t see the icons. Some yes but many in the 4.0 versions of the library do not work. Every icon in the 3.2.1 library do work.


#69

Hey @artdog, did you use the code snippet right at the top of the page?

That would link you to v3 FontAwesome. If you want to make use of v4 icons you need to use this link:

http://netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.css

It would be handy if the original post could be edited to include the most up-to-date link? Or is this documented somewhere more sensible?


#70

I’m trying to use the font icon- toggle and it wont load. Some icons load just fine and some don’t. I copied pasted from the cheat-sheet and the font awesome is successfully installed on my system.


#71

never mind. I got the new 4.4 version font files and the library and it loaded just fine


#72

Hey all,

I have updated the FontAwesome library to v4.5. Enjoy!

Updated download link - https://fortawesome.github.io/Font-Awesome/assets/font-awesome-4.5.0.zip
Web fonts link on MaxCDN - https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css
FontAwesomeV4.5.rplib (4.89 MB)


#73

I noticed the FontAwesome is only working if the page style font in ‘Page Style’ has not been changed.
So it should be set to the default ‘Applied font’ in order to keep the FontAwesome working.
Is there another way to change the overall page font?


#74

Hi,

i installed it like shown.

When using an icon with drag an drop i only get an questionmark.

What’s wrong?


#75

Have you installed the font on your local computer? You have to have the font installed locally if you want to be able to use it while working with your project.


#76

I went to Publish > Generate HTML Files > Web Fonts and then tried the url both with and without the http:// and I’m still just getting plain boxes for every icon, even if I generate the HTML. I can, though, change the color. So I’ve got that going for me…which is nice.

ok so v4.4 appears to be exactly the same problem.


#77

A Brand New (Free) icon-fonts Library!!!

Hi there!
I created a new Axure Widget-library based on the premium “ionicons.com” icon font framework!
It contains a great variety of better icons than the good-old fontAwesome…
Also, developers are using this framework, so more chances that your icon will be used in the final product!
You can find the library,
the font itself,
the font URL
and a Download Guide down here:

https://drive.google.com/folderview?id=0B5DU8MM1qQ4XZjdnR1RJVDk2T3c&usp=sharing

Enjoy!


#78

Even I am facing the same problem. I am using Axure 8. The fonts render perfectly in the web browsers. But while viewing the rp in the axshare app, the alignment gets disturbed.

Please advise…someone.
I know paul is done with helping Axurians. :smiley:


#79

Hi sheet5013,

To clarify the alignment issue that you’re seeing in the AxShare app, is the font rendering with the wrong horizontal alignment on widgets (e.g. left aligned instead of centered) or is this more of a line spacing issue? If the line spacing is the issue, try making sure that you have a specific line spacing value set for your widgets so that it’s not blank ("–").

If that doesn’t help, then is it possible for you to attach a screenshot and sample RP file so that we can take a look at what you’re seeing to see if we can reproduce the issue? If you can’t share the file publicly but can share it privately, then feel free to email it to us at support@axure.com. Thank you!


#80

Does anyone have FontAwesome 4.7 version?

Thank you!