초보적인 클래스 질문드립니다

김신비

2024-04-09 (화) 19:38:49 5,980

<i class="fas fa-th-large"></i>
css 초보입니다. 가끔 수정할때 "fas fa-th-large" 이걸 여기저기서 본거같은데..
혹시 시원하게 설명 해주실 분...ㅠㅠ
자세하게 설명 해주실 수록 감사...^^

css

채택된 답변

+20 포인트

선택과집중

2024-04-09 (화) 19:46:37

.fa fa- 로 들어있는 클래스명은 폰트어썸이라는 아이콘 폰트 라이브러리를 사용하는 방식입니다.
그누5에선 폰트어썸4.7버전을 사용중이므로 해당 url에서 필요한 아이콘을 검색 후 쉽게 아이콘을 사용할 수 있습니다.

ex) fa-address-book를 사용할 경우

Copy

<i class="fa fa-address-book" aria-hidden="true"></i>

와 같이 사용할 수 있습니다.

우주부합

2024-04-10 (수) 00:35:21

v3 버전 아이콘도 있으니 마음에 드는 아이콘 버전으로 사용하시면 됩니다.
사용법도 알려드리겠습니다.

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" />

<i class="fa fa-address-book" aria-hidden="true"></i>

답변을 작성하려면 로그인이 필요합니다.