Similar to Adobe Edge Fonts and Google Fonts, Font Awesome provides a way of utilizing icons on your Web site. Here's an example:
Changing the world one student at a time
Dear visitor,
I would like to take this opportunity to introduce myself. This is my eleventh year teaching. I have taught at various levels including:
In addition to my educational background, my business experience includes:
I hold a BS Degree in Business Administration with an emphasis in Accounting, as well as two professional technical certifications and two academic technical certificates. I currently hold a Single Subject Credential in Business Education.
I believe that my background is a benefit in the classroom, and I plan on sharing my experience and knowledge with my students. Over the course of the year, I plan on challenging my students and developing their interest in technology.
If you have any questions, please send me an email.
You can use an external link to the Font Awesome file, or if you prefer, you can download the files and run them locally.
Here's the code to include Font Awesome on your Website:
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
Next insert icons into your website as follows:
To insert a retro camera or a cog (gear) use the following code:
<i class="fas fa-camera-retro"></i>
<i class="fas fa-cog"></i>
The above code uses the old <i> tag. It applies multiple classes to the i tag including "fas" and "fa-camera-retro" or "fa-cog."
The first class "fas" applies Font Awesome to the <i> tag. fas stands for Font Awesome Solid. The second class "fa-camera-retro" is the icon to be used in the first example.
To create larger icons, you can add another class such as "fa-2x", "fa-3x", "fa-4x", or "fa-5x." Here's an example:
<i class="fas fa-cog fa-5x"></i>
In addition, there's another class called "fab" which stands for Font Awesome Brand. These are examples:
<i class="fab fa-amazon fa-3x"></i>
<i class="fab fa-facebook-square fa-3x"></i>
To get credit, you must create several elements that utilize a different set of icons.
Get your Font Awesome icons here and make sure to read the examples page: