How to add font awesome to your HTML page
What is font Awesome?
Font awesome is a font or a library you might say, that allows you to get vector icons and social logos on your website it has the web’s most popular icon set and toolkit.
To integrate font awesome 4.7 version you need this link:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">Where to add font awesome link
To add font awesome you should copy and paste the link between the head tags
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> </head> <body> </body> </html>
How to add an icon
It’s easy to add an icon when using fontawesome all you need is the <i> tag with the class=”fa name-of-the-icon”. for example:
<!-- this allows you to add an icon without formatting it --> <i class="fa fa-book"></i> <!-- this allows you to change the size of the icon --> <i class="fa fa-car" style="font-size:48px;"></i> <!-- this allows you to change the color and the size --> <i class="fa fa-car" style="font-size:60px;color:red;"></i>
font awesome 4.7 cheatsheet
This is the font awesome cheatsheet you can work with
You may also like
Is the developer life for you?
28 August, 2020
How to add font awesome to your HTML page
25 August, 2020
CSS Menu Course – Exercise Files
25 August, 2020