Font Based Icons in Responsive Design Using FontAwesome (this is really awesome)
July 12, 2017
Paul Wilson Follow
Font Based Icons in Responsive Design Using FontAwesome (this is really awesome)
July 12, 2017
Paul Wilson
I’ve been an eLearning designer and developer since 2005, specializing in the creation of interactive and engaging learning experiences. In 2015, I launched my own eLearning design business and began producing Adobe Captivate video tutorials on my YouTube channel, CaptivateTeacher, to support clients and fellow developers. This content not only helped me grow my business globally—it also introduced me to a wider community of aspiring Captivate users who now turn to me for training and mentorship. Today, I provide both online and onsite Adobe Captivate training, empowering others to build effective eLearning with confidence. I’m proud to be part of the Adobe eLearning Community, sharing knowledge, collaborating with other developers, and contributing to the growth of this platform.
Legend 639 posts
Followers: 1009 people
Follow
Paul Wilson Follow
8

Previously I showed viewers how they could include the icons from the FontAwesome font in your Blank Projects (non-responsive projects). [watch that video here] In this video, I will show you how you can get the same icons in your responsive projects and add an awesome quality to your eLearning projects. Remember that fonts are essentially scalable vector graphics. There is no better way to make beautiful navigation and control icons in responsive design projects.

If you found my videos useful please consider subscribing to my YouTube channel: Paul Wilson Adobe Captivate Tutorials

If you think your colleagues will like my videos please use the share button at the top of this post.

Previously I showed viewers how they could include the icons from the FontAwesome font in your Blank Projects (non-responsive projects). [watch that video here] In this video, I will show you how you can get the same icons in your responsive projects and add an awesome quality to your eLearning projects. Remember that fonts are essentially scalable vector graphics. There is no better way to make beautiful navigation and control icons in responsive design projects.

If you found my videos useful please consider subscribing to my YouTube channel: Paul Wilson Adobe Captivate Tutorials

If you think your colleagues will like my videos please use the share button at the top of this post.

Comments
(8)
Share
Paul Wilson
I’ve been an eLearning designer and developer since 2005, specializing in the creation of interactive and engaging learning experiences. In 2015, I launched my own eLearning design business and began producing Adobe Captivate video tutorials on my YouTube channel, CaptivateTeacher, to support clients and fellow developers. This content not only helped me grow my business globally—it also introduced me to a wider community of aspiring Captivate users who now turn to me for training and mentorship. Today, I provide both online and onsite Adobe Captivate training, empowering others to build effective eLearning with confidence. I’m proud to be part of the Adobe eLearning Community, sharing knowledge, collaborating with other developers, and contributing to the growth of this platform.
Legend 639 posts
Followers: 1009 people
Follow
Paul Wilson Follow
I’ve been an eLearning designer and developer since 2005, specializing in the creation of interactive and engaging learning experiences. In 2015, I launched my own eLearning design business and began producing Adobe Captivate video tutorials on my YouTube channel, CaptivateTeacher, to support clients and fellow developers. This content not only helped me grow my business globally—it also introduced me to a wider community of aspiring Captivate users who now turn to me for training and mentorship. Today, I provide both online and onsite Adobe Captivate training, empowering others to build effective eLearning with confidence. I’m proud to be part of the Adobe eLearning Community, sharing knowledge, collaborating with other developers, and contributing to the growth of this platform.
Comments
(8)
Share
All Comments
Sort by:  Most Recent
  • Most Recent
  • Most Relevant
Anonymous
Oct 9, 2018
Oct 9, 2018

Worked really Paul thank you

Like
()
Reply
saxman789
Oct 8, 2018
Oct 8, 2018

Does this still work ? With the free version ?

The web page Paul shows us has changed since. I don’t see the email link anywhere.

I’ve tried both the “Web Font & CSS” and the “SVG & JS” links with no success. Since I have next to no skills in html or Java, it’s very difficult for me to troubleshoot this.

I also tried sdwarwick’s approach without any success.

Can anyone help me ?

Like
()
Reply
(1)
saxman789
Oct 9, 2018
Oct 9, 2018
>
saxman789
's comment

OK ! It works with version 4.7.0.

If, like me, you installed another version (version 5 in my case) and you have the same problem I had, install version 4.7.0 on your machine and go change the icons in your project for the previous Font Awesome version (4.7.0).

Thanks Paul for the quick replies and the helpful link.

Like
()
Reply
saxman789
Oct 6, 2018
Oct 6, 2018

Does this still work ? And does it work for the free version ?

The “Get started” page has changed a bit it seems. I’ve tried both links (“Web font & CSS” and “SVG & JS)

I don’t see a way to request a link like Paul does on this video.

I also tried sdwarwick’s approach with no more success.

I don’t have any experience with html or java so I feel helpless trying to troubleshoot this.

Like
()
Reply