Million_Air님 먼저 FontAwesome(이하 FA)이란 일반적인 키보드의 자판이나 이모티콘에서 사용하기 힘든 아이콘들을
폰트의 형태로 구현해 놓은 것입니다. (ex. , ...)
트게더에서 사용하고 있는 FA의 버전은 v4(675개의 아이콘)버전을 사용하고 있습니다.
그래서 더 많은 아이콘을 사용하려면 당연히 상위 버전의 FA를 사용해야하고
그러려면 해당 폰트들을 Github 등에 업로드 후에 사용하거나 다른 방법이 필요합니다.
(v4에는 유튜브나 인스타그램 아이콘은 있지만 디스코드 아이콘은 없습니다.)
◎ How to
https://fontawesome.com/download 접속 후 원하는 버전의 FA 폰트를 다운로드 받는다.
Web버전을 사용해서 설명할 것이기 때문에 Web 버전을 받아줍니다. (Desktop도 크게 다르지 않을 거라고 생각함)
다운로드 받았다면 우리는 webfonts 안의 폰트만 사용할 것이기 때문에 다른 파일들은 필요가 없다.
위에서부터 6개 파일을 github등 편한 곳에 업로드 한 후
트게더 CSS코드의 상단에 아래 코드를 입력해 주면 FA를 사용할 준비는 끝났다.(업로드한 폰트 경로 주의)
@font-face { @font-face { @font-face { |
해당 font-face를 추가했다면 FA을 사용할 곳의 font-family를
Font Awesome 5 Free 또는 Font Awesome 5 Brands(사용할 아이콘에 따라 다름)으로 설정해 주면 된다.
그러고 나서, (FA 아이콘 리스트 페이지로 이동) 에서 원하는 아이콘들을 찾았다면
우측 상단의 Unicode 또는 Glyph를 클릭하면 클립보드로 복사가 되는데
유니코드의 경우 /e07b 같은 형태로 역슬래시와 유니코드의 조합으로 사용할 수 있고
Glyph의 경우 일반 텍스트처럼 사용가능합니다.
