はてなブログ FontAwesomeの右側にスペースを開ける

FontAwesomeのアイコンフォントが

くっつき過ぎで気持ち悪かったので。。😅

.global-menu-list li i{
letter-spacing: 7px;
}

ピンク色の部分をCSSに追記することで

指定したピクセル数の空白を設けることができました。

↓Before　(食い気味！！！🤣)

↓After　😇

この空白部分は下線対象ではないので

hover時の下線表示はテキストのみにすることができます。