CSS - Font Awesome Icon 엑박 오류 해결 방법

선뀰·2022년 10월 2일
0

CSS

목록 보기
2/5

Font Awesome에서 무료 icon을 적용하려 했지만

나는 그대로 붙여 넣었을 뿐인데 icon이 아닌 네모 상자가 나타났다.

해결 방법을 찾아 계속 서칭한 뒤...

몇 가지 해결 방법을 알아냈다.

버전 5로 업데이트가 되었고,

무료 2버전, 유료 3버전으로 나뉘었다.

= 나는 무료 버전만 사용할 것이니깐 일단 무료 버전만 업로드하기로 함.

무료 버전 적용 방법

Solid 코드

ex.

solid가 포함된 코드는 fas를 맨 앞에 포함시켜 줘야 버전 5에서는 적용이 되는 것이다.

Brands 코드

ex.

이렇게 생긴 brands가 포함된 코드는 반드시 fab을 맨 앞에 포함시켜 줘야 적용이 된다.

벗.. 나는 fas를 붙여도 뭐 사용할 수가 없었다. 알고 보니 fas가 아니라 brands는 fab이었던 거지..

ps. 하지만 Font Awesome 버전 6부터는 저 코드가 상관없다고 한다.

Font Awesome에서 버전 업데이트를 해보자.

profile
공부 기록

0개의 댓글