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
ABOUT INSTRUCTOR
You may also like
Landing page WordPress
21 June, 2021
Pizza website using Flexbox
16 December, 2020
Is the developer life for you?
28 August, 2020