私はいくつかのプロジェクトで素晴らしいフォントを使用していますが、素晴らしいフォントアイコンで実行したいことがいくつかあります。次のように簡単にアイコンを呼び出すことができます。
<i class="fa fa-lock"></i>
すべてのアイコンを常に境界のある丸い円にすることは可能ですか?このようなもの、私は写真を持っています:
使用する
i {
background-color: white;
border-radius: 50%;
border: 1x solid grey;
padding: 10px;
}
効果はありますが、問題はアイコンが常にテキストや要素の横よりも大きいことです。解決策はありますか?