Better Programming

Advice for programmers.

Follow publication

Member-only story

Angular + Font Awesome in 5 Easy Steps With angular-fontawesome

A step-by-step Angular tutorial

Carlos Caballero
Better Programming
Published in
2 min readSep 9, 2019

--

Photo by Marcus dePaula on Unsplash

Font Awesome is the internet’s most popular icon toolkit, which has been redesigned and built from scratch.

On top of this, features like icon font ligatures, an SVG framework, official npm packages for popular front-end libraries, such as React, and access to a new CDN.

In this post, I am going to show you how to configure Font Awesome to be used in Angular in only 5 steps.

In these steps, we will configure Font Awesome using the specific Angular package. In a previous post, it was configured the old way which consists of including CSS.

Step 1. Init Your Project

If you are thinking about using Font Awesome in your Angular project, you probably have an initialized project already. However, for this tutorial, let’s start with our project from scratch.

Step 2. Install Font Awesome

--

--

Carlos Caballero
Carlos Caballero

Written by Carlos Caballero

Hi! My name is Carlos Caballero and I’m PhD. in Computer Science from Málaga, Spain. Teaching developers and degree/master computer science how to be experts!

Responses (2)

Write a response