In every web project sooner or later, icons are used. The icons can represent the typical facebook, instagram, youtube… as well as the typical images that we end up seeing everywhere. In this post we will see how we can implement them on our websites.
Fontawesome is a repository of icons, some paid and some free. Updated and quality images of well-known brands, emoticons… Fontawesome and other icon repositories help us save time in the implementation of our web project.
There are also other examples of alternatives that offer icons such as:
- glyphicons (the bootstrap included library)
In the case of our project fonts we can use google fonts.
How to install Font Awesome in our web pages?
There are two different forms to do that, the most important thing is to know these different ways of installing icons with that repository and to use the once you will feel more comfortable.
1st METODE: Import Font Awesome directly from the server
The code that we will find in the Font Awesome web is the code that we have to put between <head></head> of our html.
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
2nd METODE: Download all the package and charge Font Awesome from our hosting
- Download all the Font Awesome files
- Install them in our web page
- Write the following code in the head of the html
<link rel="stylesheet" href="[nombreCarpetaFontAwesome]/css/all.css">