강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

Oceansprogram님의 프로필 이미지
Oceansprogram

작성한 질문수

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

모던 HTML/CSS 로 상용화도 가능한 반응형 모던 웹페이지 만들기7

fontawesome 관련 검색하다가 유용한 기능 있어서 공유합니

해결된 질문

작성

·

160

0

<i class="fas fa-arrow-circle-left "></i>

아이콘의 크기를 조절할때 space 한칸 띄우고 크기 구문을 입력하면 따로 클래스를 정의하지 않아도 간편하게 사용 가능합니다.

<i class="fas fa-camera fa-xs"></i>

<i class="fas fa-camera fa-sm"></i>

<i class="fas fa-camera fa-lg"></i>

<i class="fas fa-camera fa-2x"></i>

<i class="fas fa-camera fa-3x"></i>

<i class="fas fa-camera fa-5x"></i>

<i class="fas fa-camera fa-7x"></i>

 

<i class="fas fa-camera fa-10x"></i>

물론 세밀한 설정은 클래스로 구분하여야겠지만, 사용 해 보니 꽤나 간편하게 작성이 가능했습니다.

답변 1

1

오홋.... 좋은 팁 감사합니다. 

굉장히 다양한 표현식이 있고, 또 그 표현식이 계속 업데이트되서, 스스로 알아내시는 그런 역량이 개발자로의 첫 출발이기도 합니다. 감사합니다.

Oceansprogram님의 프로필 이미지
Oceansprogram

작성한 질문수

질문하기