Ligature Symbols を、CSSで表示する方法

Ligature Symbols　のフォントを、CSSで表示させる方法が、あまり見当たらなかったので記事にしました。

<div class="line">LINE</div>

のタグを表示させた際、

のように表示させる記述方法は以下の通りです。

.line:before{
font-family: 'LigatureSymbols'; /* 使うフォントを指定 */
content:'\E157'; /* 使うフォントのUnicodeを指定 */
font-size:3rem;
}

重要なのは、使うフォントの指定の箇所です。

どうぞ、参考にして下さい。