일부 프로젝트에서 멋진 글꼴을 사용하고 있지만 멋진 글꼴 아이콘으로 할 일이 있습니다. 다음과 같이 쉽게 아이콘을 호출 할 수 있습니다.
<i class="fa fa-lock"></i>
모든 아이콘이 항상 테두리가있는 둥근 원 안에있을 수 있습니까? 이와 같은 사진이 있습니다.
사용
i {
background-color: white;
border-radius: 50%;
border: 1x solid grey;
padding: 10px;
}
효과가 있습니까? 그러나 문제는 아이콘이 텍스트 나 요소 옆에있는 솔루션보다 항상 더 크다는 것입니다.