Font Awesome 아이콘 수정하기

아이콘 배너에 아이콘을 수정하기 위해서는 여러가지 방법이 있습니다.

그림 아이콘으로 제작되어진 아이콘 배너가 있다면 그림 수정으로 아이콘을 변경 하시면 됩니다.  알파벳 문자로 되어진 아이콘이 라면 텍스트 자체를 변경 하시면 됩니다.

아이콘 라이브러리 사이트에서  제공하는 아이콘 소스가 있습니다.

홈피디자인에서 사용하는 아이콘 사이트는 아래와 같습니다

https://fontawesome.com/

최신 버전을 사용하기 위해서는 다운로드를 사용하시거나  CDN주소를 사용하시면 됩니다.

아이콘을 검색하기 위하여 아이콘 메뉴를 클릭합니다

아이콘을 검색하기 위하여 아이콘 메뉴를 클릭합니다

아이콘 리스트가 나옵니다.  최근에 무료 였지만 무료 와 유료인 프로 버전을 함께    리스트 하고 있습니다.

프리 버튼을 눌러서 아이콘을 보고 모르시거나 검색창에 원하시는 아이콘을 검색합니다

원하시는 아이콘을 골라서 클릭  합니다.

아래 그림처럼 복사 버튼을 눌러서 코드를 복사합니다

복사한 코드로 변경 하시고자 하는 아이콘 코드에  붙여 넣기 합니다

버전에 따라서 제공하는 아이콘이 모양이  다른 이유로 아이폰 코드를 복사하여 수정했는데 아이콘 모양이 나오지 않으신다면 CDN버전을 업데이트 하시기 바랍니다.

※ CDN 이란? (Content delivery network)

 - 콘텐츠 분산 전송 기술

 - CDN은 사용자의 콘텐츠 요구에 맞게 전세계 인터넷망을 이용하여 빠른 연결이 가능한 네트워크 서버로 연결해 주는 서비스이다.

아이콘 cdn을 업데이트 하기 위해서는  모듈의 헤드부분을 소스 수정으로 열어 줍니다

헤드 부분을 보면 각종 cdn과 설정 파일들이 있습니다.

먼저 아이콘 사이트에서  cdn 주소를 복사해 옵니다

css cdn을 복사한 후에 홈페이지 빌더 헤드  모듈 헐 엽니다

해당하는 폰트아이콘 부분에 새로운 css 부분을 덮어씌웁니다

기존 주소는 삭제하신 후회 새로운 주소를  삽입해 주세요

업데이트가 완료 된 것입니다