scss - react에서 font-awesome 사용법

@import 사용

폰트 어썸을 react에서 사용하려면 @import해서 사용해야 한다. 그냥 css에서 하던 방법으로 index.html에서 추가해도 되겠지만 팀 프로젝트시에 합의된 사항이 아니면 그냥 작업중인 scss에서 이것을 추가하는 게 좋겠다.

@import url(https://use.fontawesome.com/releases/v5.15.3/css/all.css);

googleapis 폰트 사용법

구글립스 폰트를 사용하고자 하면 위와 같이 @import로 아래와 같이 추가해주면 된다.

@import url(https://fonts.googleapis.com/css2?family=Lobster&display=swap);

작업시 매번 헷갈리므로 정리해두는 게 좋아 작성