티스토리 폰트 적용 안되는 현상 해결방법

저와 비슷한 문제에 처하신 분이 있을 수도 있어서 제가 경험하여 해결한 방법에 대하여 공유하고자 합니다!

 

우선, 이 글을 보시는 분이라면 다른 글들을 참고하셔서 이미 CSS 편집으로 변경했는데도 불구하고 적용이 되지 않아서 오신 분들 일 것으로 예상됩니다. 

 

2023.03.29 - [티스토리 편집 및 설정] - 티스토리 블로그 스킨 편집하는방법 - 1.블로그 제목수정하기

티스토리 블로그 스킨 편집하는방법 - 1.블로그 제목수정하기

 

 

 

혹시 기존에 썼던 글에서 폰트 적용이 안되지 않던가요?

폰트 적용을 하였으나 변경되지 않은 모습

 

저의 경우에는 티스토리를 처음 시작하면서 첫 발행한 글이 적용되지 않았습니다

왜그럴까 하면서 찾아보던 중 검색을 통해 알게되었습니다

 "기본 서체"로 쓴 글에만 폰트가 적용이 된다고 하더라고요

아하, 내가 기본 서체가 아닌 "본고딕"으로 적용을 해서 바꾼 폰트가 적용이 안됐구나?

 

그래서 부랴부랴 수정을 하러 가서 Ctrl+a 를 눌러 모든 글에 "기본 서체"로 다시 적용을 하고, 폰트도 다시 재적용하였습니다. 과연 이제는 적용될 것인가?

 

아.. 여전히 본문의 글들만 적용이 되지를 않네요...

 

도대체 무엇이 문제일까? 새로 쓴 글에서는 적용이 될까? 해서 일단 제쳐두고 새로 글을 써보았습니다.

웬걸? 새로 쓴 글에는 바꾼 폰트로 적용이 되는 것이었습니다.

 

기본 서체로도 적용했겠다, 새로운 글에서는 바꾼 폰트로 적용이 된다라.. 더 머리가 아파지는 순간이었습니다.

 

글 작성에서 html을 들어가보았다

 

이것저것 테스트해보다가 "html 편집"에 들어가 보았습니다.

 

 

뭔가 이상합니다.

한눈에 보기에도 복잡하고 글자 폰트 부분에 여러 폰트가 덕지덕지 써져 있었습니다.

다시 test 하던 글로 돌아와 보았습니다

 

 

기본 서체로 쓰면 이렇게 <p data-ke-size="size16">  내용  </p>  밖에 안 나오는 것을 확인하고

 

기본 모드로 돌아가 본고딕을 적용시켜보았습니다

내용 옆에 폰트가 적용된 글들이 생성돼서 복잡해진 모습을 확인..! 설마?

 

위의 빨간 박스 부분을 아래와 같이 없애보았습니다.

 

다시, 발행하여 새로고침하여 글을 확인해보니...

 

아, 찾았습니다! 드디어 폰트가 변경이 되었습니다!

처음 작성한 글에서 기본 모드로만 작성하다가 기본 서체가 아닌 본고딕으로 바꿨던 기록들이 html에 저장되어 있었기에 바꾸려고 하는 폰트와 충돌하여 변경이 되지 않은 것 같네요!

 

 

<결론>

기본 서체로 작성하다가 한번이라도 다른 서체적용 후 다시 기본서체를 돌아오는경우 기본모드에서는 기본서체로 보일지라도 html모드에서의 기록은 다 남아있기에 변경된 폰트를 적용하기 위해서는 html의 폰트 변경 기록을 지워야 함!

 

그렇게 수작업으로 html의 폰트 부분을 다 제거하여 본문에 바꾼 폰트를 정상적으로 적용할 수 있었습니다.

이제 폰트가 지겨워지면 다른 폰트로 언제든지 바꿀 수 있겠네요 :)

 

 

2023.03.29 - [티스토리 편집 및 설정] - 티스토리 블로그 스킨 편집하는방법 - 2.블로그 홈 게시글 폰트 사이즈 변경

티스토리 블로그 스킨 편집하는방법 - 2.블로그 홈 게시글 폰트 사이즈 변경

 

2023.03.30 - [티스토리 편집 및 설정] - 티스토리 블로그 스킨 편집하는방법 - 3.본문 자간(글자높이) 수정하기

티스토리 블로그 스킨 편집하는방법 - 3.본문 자간(글자높이) 수정하기