CocoonでFont Awesomeを反映させる方法が知りたいです。

Question

前提・実現したいこと

Wordpressのテーマ「Cocoon」で「Font Awesome」を反映させる方法が知りたいです。

発生している問題

【1枚目】「AddQuicktag」で「✔」と「チェックマーク」という文字を入れた直後の編集画面。
この時点では、「✔」が表示されている。

【2枚目】下の画像はプレビュー画面なのですが、「✔」が消えています。

【3枚目】2枚目の画像の画面から、先ほどの編集画面に戻ったら、編集画面からも「✔」が消えています。

【4枚目】そこでテキストエディターを見てみました。下の画像がテキストエディターの画面の様子です。見てみると、<!-- -->でコメントになってしまっています（青い部分）。

試したこと

・「Cocoonの設定」で「Font Awesome4」から「Font Awesome5」への変換を行いました。（念のため「Font Awesome4」でも試しましたが、案の定ダメでした。）

・<!-- -->を手動で消すと、プレビュー画面に表示されました。しかし、その後下書き保存してから、もう一度編集画面に戻ると<!-- -->で囲まれていて、アイコンが表示されません。

###「AddQuicktag」に書いているコード
【開始タグ】

<span style="font-size: 120%;">
    <strong><i class="fa fa-check" style="color: #6c9fce;"></i>チェックマーク</strong>

【終了タグ】
</span>

いくらググっても解消方法が見つからなかったため、質問させていただきました。
解決方法がわかる方、力を貸してください。
よろしくお願いいたします。

Answer 1

header.phpのhead内に

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