뉴히의 개발 로그
fontawesome 오류 해결 (폰트어썸 아이콘 안보이거나 네모 박스 오류 해결) 본문
문제 : fontawesome 아이콘 네모박스 오류
서칭해보니 이렇게 간단하다니!?
해결 : fas, fab
class 앞쪽에 fas, fab를 넣었더니 바로 나타났다!!!!!!!!!!!!!!!!!!!!!!!
svg로 넣으면 잘보이긴하나 컬러변경이나 사이즈 조정등이 더 불편해서 아이콘으로 사용하는편이 좋은듯하다.
Font Awesome이 버전 5로 업데이트되면서 사용법이 복잡해졌다고 한다.
유료화가 되면서 스타일을 5가지로 분리했고, 2가지는 무료, 3가지는 유료로 사용할 수 있게 바뀌었다고 한다.
매번 쓸때마다 자꾸 오류가 떠서 화나지만... 예쁜 아이콘 그리는거보단 나으니 ㅎㅎㅎㅎㅎㅎㅎㅎ
폰트어썸 오류 해결!
참조 https://velog.io/@snsnahtmxm/Font-Awesome-%EC%98%A4%EB%A5%98-%ED%95%B4%EA%B2%B0
'TIP' 카테고리의 다른 글
vscode ftp-simple : vscode ftp 자동 저장 설정 (0) | 2024.03.05 |
---|---|
백준, 프로그래머스 Github 자동 커밋하기 ! (0) | 2023.07.26 |
[TIP] 프로젝트 vercel로 무료 배포하기(github 연동) react 배포, vercel env 파일 첨부 (0) | 2023.07.04 |
[React] vscode에서 리액트 JSX 태그 자동 완성 적용 방법 (4) | 2023.06.16 |
[VS Code 사용팁] 비쥬얼스튜디오에서 여러 줄 주석 한번에 안될때 (0) | 2023.05.22 |