css- fontawesome pug에 적용하는 법

css에서 fontawesome 이모티콘을 사용하는 경우가 많은데, 사이트에서 시키는 대로 적용했지만 잘 작동이 안됬다..

1. 일단 가입에서 받은 키트를 head태그에 추가한다.
2. 예전 버전으로 작성한다.(아래 사진 예시)

head 태그안에 받은 kit 추가

fontawesome 적용

실제로 입력하라는 icon의 class이름은 fa-solid fa-volume-up 인데, 옛 버전은 fas fa-volume-up이다.

위의 사진과 같이 띄어진부분은 '.' 으로 이어서 입력. class이름이 두 개이므로 그렇게 작성한다.

알게된 과정

아무리 따라해도 이모티콘이 보이질 않아서 30분 넘게 끙끙대다가 그냥 구글창에 fontawesome video 이런식으로 검색하니, 

옛 버전으로 나와있는 icon 태그가 나오더라 그렇게 해서 이모티콘 적용성공!!