Using Font Awesome Icon Fonts in Axure - webcode included VERY EASY

Hey all I created a library, instructions and tutorial for using fontawesome web font icons in your tutorial. There is no changing html, css or javascript files, just drag in the widgets from the library to get started.

See it live: http://share.axure.com/PZ3Y2X/

download the library: http://www.axure.com/forum/tips-tricks-examples/7622-its-here-font-awesome.html#post22594



if needed - learn how to install custom libraries: http://www.axure.com/learn/widget-libraries

---

Closed Caption:

it let's get started on this is
a tutorial our you add for also might
come across
to your picture
prototypes these two different types
upon certain that he done with
wanna slow all the other one is wet
party can see now
but I can see is what these parts but
that's because I have the local
on install if you have the local clock
installed
and you try to generator her tight on
the way it
and somebody else traced yet it does
not stalled he won't see anything so
I'll alright John your site at the code
I
agency here this admits each page I'm
a and icon selector already has it
in there but I all after is added in is
he just
locks itself messy Kathy at move it
annotated
and then you just build around it and
completely forget about it but what that
does is it has
on page load bad hammer bit basically
are and Saltcoats to make the web
clockwork
now I'm you see I have four different
widgets in Sidebar
awesome there's the icon selected which
is what we're looking at right here
I recommend you create a page just you
know the into the theater
that will allow you to scroll through
all that her ons
I used him in our control ass and say
you know I want a a text
are I wanna text Heights on and then
story here copy and then bring it into
your
a you know your other your other page
out this page are no like I said
and to add another instance that this
little at me so you need wanna every
single page
so you help for or icons otherwise you
can see rectangles
on a computer doesn't have it so cool so
I now to me come back here
to icon selector there's
that way to do it and searched through
it now Iraq before
before forget you want to install for I
have instructions in this instruction
however this doesn't really do anything
Jerry and there's something in there but
to review the website here
to install it to you wanna go to get
up find awesome I repository and get her
become of holder and then just install
talk to your machine I'm using that one
business insights all
a the TTF file just a personal
I and take year of our little adult
download and then
store your most likely have to restart
picture after that so another way that
we can I
uses prior of icons is
a on sartre
are excreted you can see here its
text and quit tax and toilet and
have go button go and
when I press is copeland I'm saying
upset the text
on text input equal to
text widget music so you see here I'm
it this music I named music so that you
can actually
poor icon like me out there so many I'm
it I think first you issue of mars go
through and continue to name
each one was hurt him if you do I I
think said here
the send me that file I so that I can
continue to distribute that
II assist more am I can do for free
I'll are so now I make you another
example
we can do here so this right here is
just
watches Star right I can actually
select on the star hahn's and I can
may kill teams by clicking on
her selected I can make you building
I'll
sorry to white
I can make Italy I want me the what
making a ruling does is it allows me to
give the individual style so you'll see
that I have a
default starring star Harper so I'm
I'm gonna make that the default star and
then a minute edit
rollover style and say he rushed to be
star over which is basically just old
color
such as or article see Figure
for tight it will
response separately from all the other
or icons inside
there so they summary the you convert to
see if there's
really powerful stuff that I can do with
using Acronis farts
I'm you knockin in selected the other
thing the
do is very easily and it took one so
I little example one call but I cards
and so you see that this is just a
regular bind and
over here I have a a text
another text box you can you can also
put it inside this
same area where you put this text I'd
say
put over they like that because
for some reason especially text our so
and you'll see that you know basically
origin all the same styles
I'm and you can its if you wanna just
text
button for example so funny
this
here cornered yes
make it square
alright are this
her think some had are
i right your so their
to so I can't bring this parents are
here
arm and make this Center
online so you see an hour area
a scene are happy yeah a
iconic 1 and when I hope your ok this
that I on doctor to get in the way her
to stop it from being a butt
so are this is her a ferrier
very useful technique I'm said basically
and short brand icon selector it's where
you can find all the icons
add this little widget are all pretty
for
pages and then a no hassle farm the
simple things
this really opens up a lot auctions so
if you like it
you know 270 I if there's something you
like me to different in my future
tutorials
these also that are
hopefully this will be very useful for
everyone thank you very much