FastBoot 스킨 모바일 메뉴 등 그래픽 아이콘 폰트 오류 수정
FastBoot 스킨 모바일 메뉴 등 그래픽 아이콘 폰트 오류 수정
FastBoot 스킨은 현재도 많은 블로그에서 사용되고 있으나 상당기간 업데이트가 이루어지지 않고 있습니다. 제 경우 다른 스킨으로 변경할 때 적응하는데 상당 기간이 필요하다는 것을 감안해 본 스킨을 수정해가며 사용하고 있는 중입니다. 본 스킨을 사용하는 블로그 중 데스크톱과 모바일 접속을 막론하고 메뉴 아이콘, 검색 아이콘(돋보기) 등 그래픽 아이콘 폰트(글꼴)가 표시되지 않거나 일괄적으로 의도되지 않은 특정 기호가 표시되고 클릭해도 작동하지 않는 경우가 있읍니다. 이를 바로잡는 방법에 대해 알아보겠습니다.
브라우 저상 오류 표식 부분 일부 예시
이와 같은 오류가 나올 경우에는 아래의 일부 오류 부분 예시 외에도 본 스킨에서 사용하는 그래픽 아이콘 폰트는 모두 올바르게 표시되지 않고 있습니다.
모바일 화면 상 상단 메뉴 부분 오류
- 티스토리 모바일웹 자동 연결을 사용하는 경우에는 모바일 환경에서는 이 문제에 해당 안됨
- 좌측 메뉴 아이콘과 우측 검색(돋보기) 아이콘이 안 나옴
데스크톱 우측 상단 부분 오류
- 인터넷 익스플로러 11 사용 시 비보안 콘텐츠 허용 설정의 경우 정상으로 표시됨
- 우측 상단 아이콘과 그 밑의 검색(돋보기) 아이콘이 안 나옴
보안접속 : 혼합 콘텐츠
보안접속(ssl) 시행으로 보안 콘텐츠(https:로 시작)에서 비보안 콘텐츠(http:로 시작)를 링크하면 혼합 콘텐츠(mixed contents)로 간주 비보안 콘텐츠는 표시되지 않습니다.
Fastboot 스킨은 그래픽 아이콘 폰트(글꼴)로 폰트어썸(font awesome)을 사용합니다.
- FastBoot 1.6.2 스킨의 폰트어썸을 로드하는 html 태그에서보면 폰트어썸 url 주소가
http:로 시작하며 혼합 콘텐츠에 해당돼 로드되지 않습니다. - 이 html 태그를
https:로 시작하는 최근 폰트어썸 url으로 수정하면 본 문제는 해결됩니다.
폰트어썸 html 태그 수정
1. 비보안 html 태그
2. 보안 html 태그
3. 티스토리 관리 좌측 메뉴에서 다음 항목을 차례로 선택합니다.
- 꾸미기 하단 스킨편집을 선택
- 열린 스킨편집 창에서 우측 상단 html 편집 선택
- 우측 상단의 메뉴 항목 중 html 편집 선택
4. FastBoot 스킨 해당 html 태그 수정
- <head>부분 안에 있는 위의 1번의 link 태그를 찾습니다.
- 위 1번 link 태그를 2번 태그의 내용으로 변경합니다. 마우스로 드래그 하여 복사할 수 있습니다. 이 경우 출처가 포함돼 복사되니 출처 부분은 삭제하셔야 합니다.
2018/09/15 - [웹페이지] - [FastBoot 스킨] 티스토리 보안접속(ssl, https) 적용 후에도 계속되는 보안 경고(혼합 콘텐츠, Mixed Content)
[FastBoot 스킨] 티스토리 보안접속(ssl, https) 적용 후에도 계속되는 보안 경고(혼합 콘텐츠, Mixed Cont
[FastBoot 스킨] 티스토리 보안접속(ssl, https) 적용 후에도 계속되는 보안 경고(혼합 콘텐츠, Mixed Content) 티스토리 블로그에 보안 접속을 적용한 후에도 이 사이트의 보안 연결은 은 완벽하지 않습니
nuknukhan.tistory.com
2018/08/15 - [웹페이지] - FastBoot 스킨 글 제목(title) 요소 스타일 조절하기
FastBoot 스킨 글 제목(title) 요소 스타일 조절하기
FastBoot 스킨 글 제목(title) 요소 스타일 조절하기 FastBoot 반응형 스킨은 티스토리 블로거들이 애용하는 스킨 중 하나입니다. 많은 분들이 스킨 스타일에 수정을 가해 변화를 주고 있습니다. 본문 �
nuknukhan.tistory.com