Font Awesomeの公式サイトで使用したいアイコンフォントを選びます。Iconsのページでアイコンフォントの一覧が確認できます。有料版と無料版があり有料版のアイコンフォントはグレーアウトしています。
Font Awesome

Font Awesomeを使用するにはCDNの読み込みが必要です。以下headタグ内に貼り付け用のコードです。

<link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet">

公式サイトの各アイコンフォントのページには表示用のコードが記載されています。iタグに付与するクラス名は以下のように分類されています。Brandsタイプはブランドロゴでtwitterやfacebookのロゴも含まれます。
・Solidタイプ：fas
・Regularタイプ：far
・Lightタイプ：fal
・Brandsタイプ：fab

<i class="fas fa-angle-right"></i>

なお空のiタグで実装した場合、iタグの疑似要素beforeにcontent属性が自動的に設定されます。

iタグを使用せず、任意の場所にCSSの疑似要素で指定する場合は下記のように記述します。CSSで表示する場合の注意点として、font-weightの指定が必要です。指定する数値はアイコンフォントのタイプで決まっています。
・Solidタイプ：font-weight: 900;
・Regularタイプ：font-weight: 400;
・Lightタイプ：font-weight: 300;
・Brandsタイプ：font-weight: 400;

.head-title:before {
	font-family: "Font Awesome 5 Free";
	content: '\f105';
	font-weight: 900;
}

なお、CSSでBrandsタイプのアイコンフォントを使用する場合はfont-familyの指定が異なります。

.head-title:before {
	font-family: "Font Awesome 5 Brands";
	content: '\f099';
	font-weight: 400;
}