What is Font Awesome? How to use?

What is the Font Awesome? Font Awesome is a webfont that allow to use the icons as

What is Font Awesome? How to use?

What is the Font Awesome?

Font Awesome is a webfont that allow to use the icons as a character. With this webfont, we can use an icon, such as a text character. Thus, this font provides solutions to many problems that we experience in images. Previously, if we wanted to add an icon, we would save it as an image. Then we would add this image to the places we want to use. Font awesome publishes many icons that we may need ready to use. Font awesome publishes many ready to use icons that we may need. Beside this, you can use this package with Bootstrap without any problem.

Also, if you want to add a spin animation to these icons, just add the fa-spin css class to the relevant tag.

For Example;
<i class="fas fa-spinner fa-spin"></i>

How to use the Font Awesome?

Firstly, we should visit the official website. We need to know, there are two version of that as Free and Pro. The paid version offers more icon combinations. Please visit the “Start” page and type your email address to input. The next, an email that includes an Javascript code will be arrived to you for adding to your website. This is your Font Awesome Javascript code. With this code, you will be able to add web fonts to your page.
After adding the relevant javascript code to your website, hereby you can show those by inserting the html code of the relevant icons. Click the Icons link in the top menu of the official website to view the all icons. You should see an icon search input on that page. We may enter a keyword in this field to describe our icon.

For example; we will see home icons when we typed “home” keyword. Please type keywords about what you need

After finding the icon that suits your needs, click to that icon. This action will redirect you to another page. You can insert the icon as HTML Code or download that as SVG file or copy as unicode.

An example Icon HTML Code;
<i class="fas fa-home"></i>

Animated version of above icon
<i class="fas fa-home fa-spin"></i>

Font Awesome still publishes old versions and their documentations. Currenty, version of that is 5 but you can find icons for version 4.7 and continue using them on your web page.

We would like to thank Font Awesome for his positive contribution to the web world.

Leave a Reply