티스토리 블로그 카톡 링크에서 글이 제대로 나오지 않는 문제 해결방법
티스토리에서 종종 별도 공지 없이 내부 업데이트를 하는 경우가 있습니다.
개별 스킨의 코딩 설정에 따라 레이아웃이 변경되거나, 댓글창이 제대로 작동하지 않거나, 폰트가 깨지는 상황이 발생하기도 해요. 그래서 스킨을 선택할 때는 주기적으로 유지보수를 하는 스킨을 사용하시는 게 좋습니다.
스킨제작자가 더 이상 관리하지 않는 스킨은 결국 문제 해결을 스스로 해야하거나, 계속 깨진 상태로 이용해야 되니까요.
그래서 제가 라꼬스킨을 더 믿고 사용합니다. 컴뉴비님이 문제가 있을 때마다 빠르게 대응하고 패치를 해주시거든요ㅎㅎ
라꼬 스킨 (라꼬즈 x SEO아레나) - 라꼬즈
라꼬즈 베스트 상품 / 구글 SEO 최적화 티스토리 스킨 / SEO아레나 전용 링크
laggoz.com
제 블로그에 사용하고 있는 라꼬스킨은 위 링크에서 구매할 수 있습니다.
최근에 티스토리가 히든 패치를 진행하고 나서, 카카오톡에 있는 링크를 통해서 티스토리에 접속하면 이렇게 글자가 나오지 않고 화면이 깨지는 현상이 있습니다.
일부 폰트에 대해서 호환성 문제가 있는 것 같아요.
오늘은 이런 문제에 대한 해결방법을 알려드리려고 합니다.
1. 스킨편집, CSS 접속 후 font-family
먼저 티스토리 관리자 페이지에서 스킨편집에 들어가서 CSS에 들어갑니다.
내부에 클릭을 한 번 하고, Ctr+F를 눌러서 '찾기' 모드를 활성화해 줍니다. 여기서 font-family를 검색합니다.
2. 기존 폰트 변경
여기서 폰트를 바꿔주셔야 해요.
font-family: ~~~~~~~~~~~~~~~~~~~~;
font-family: var(--font-family-base);
검색해보시면 빨간색으로 표기한 부분에 여러 가지의 폰트가 구성되어 있을 텐데요, 이걸 전부 드래그해서 파란색 코드로 변경해 주시면 되겠습니다.
메모장 파일에 코드를 넣어두었으니, 그대로 파랑색 내용만 복사해서 넣어주셔요.
세미콜론(;) 앞까지 내용만 바꿔주시면 되고요, 위와 같이 변경하셨다면 제대로 하신 게 맞습니다.
3. head, body, 별도 코드 전부 변경
엔터를 쳐서 확인해보시면, 아래에 font-family가 여러 개 더 나올 거예요.
<head> 뿐만 아니라 <body> 내에 있는 모든 폰트를 동일하게 드래그해서 지우고, 파란색 코드를 넣어주시면 되겠습니다.
어려워 보이지만, 해보시면 크게 복잡하진 않습니다. 세미콜론(;) 앞까지 내용만 지워주시면 됩니다.
4. 개별적으로 적용한 코드도 변경하기
이런 식으로 CSS 하단에 별도로 버튼이나 font-family 코드를 넣으셨다면, 동일하게 변경해 주시는 게 좋습니다.
여기까지 하셨으면, 우측 상단에 적용 누르시면 완성입니다.
5. 카카오톡을 통한 링크에서 글자가 나오는지 확인
이제 카카오톡 링크를 타고 들어가서 글자가 정상적으로 나오는지 확인해 봅니다.
아마 제대로 나올 거예요.
라꼬스킨의 문제가 아니라, 티스토리에서 제공하는 기본 폰트가 아닌, 다른 폰트를 사용할 때 문제가 생기고 있습니다. 가끔 티스토리에서 히든 패치를 하면 개별적으로 설정한 옵션에서 문제가 생기더라고요.
복잡하지 않으니 꼭 설정하시길 바랍니다!
'블로그 SEO' 카테고리의 다른 글
| 쿠팡파트너스 제휴마케팅 수수료는 누가 부담해? 블로그 링크로 구매하면 더 비쌀까 (0) | 2025.01.09 |
|---|---|
| 블로그를 시작한 지 1년이 지나도 애드센스 수익이 적은 블로거 유형 3가지 (2) | 2025.01.06 |
| 온라인 부업 시장, 유능한 강사의 기준｜돈을 번다는 얘기는 많지만, 지속성은 말하지 않는다 (4) | 2024.12.27 |
| 공정위 광고 지침 개정, 블로그 제휴마케팅(쿠팡파트너스) 대가성 문구 넣는 방법 (1) | 2024.12.23 |
| 쿠팡 와우 멤버십의 환불 마케팅에서 배우는 트래픽 유지 전략 (2) | 2024.12.12 |
댓글