fastboot 티스토리 아이콘 오류 해결법

원인

티스토리에서 전면 SSL 적용을 하였습니다. 이전에 http로 계속 유지하던 곳도 이제 무조건 보안접속인 https, ssl을 적용받게 되었습니다.

SSL 접속인 경우에는 페이지 주소가 HTTP://가 아닌 HTTPS:// 로 시작하게 됩니다.

SSL 접속의 경우 말그대로 보안접속입니다. FASTBOOT 티스토리 테마를 이용하는데 아이콘이 안보인다면 바로 여기서 문제가 생기신 겁니다.

보안접속이기 때문에 일반접속인 HTTP://로 시작하는 내용을 로딩하지 않습니다. 즉 https://로 시작하는 주소만을 페이지 로딩에 포함시킵니다.

예를들어,

유튜브를 http://youtube.com 으로 iframe 적용시, 보안접속에서는 해당 iframe을 불러오지 않습니다.

https://youtube.com으로 된 ifrmae 주소만 로딩을 합니다.

이건 css나 script에도 동일하게 적용됩니다. FASTBOOT 티스토리 테마는 아이콘을 font-awesome으로 부터 가져옵니다. 근데 이주소가 http://로 지정되어 있습니다. 이를 https://로 바꿔주셔야 됩니다.

1. 스킨편집 클릭

2. html편집 클릭

3. 콘트롤+f 누른후 font-awesome 으로 검색

4. http:// -> https:// 로 변경

변경 후

해결완료!