티스토리 스킨에서 글꼴이 본문에 적용되지 않는 문제 해결하는 방법

저번 시간에 티스토리 스킨 편집 CSS에서 폰트변경하는 방법에 대해 알아봤습니다. 

 

그런데 변경하려는 글꼴이 유독 본문에는 적용되지 않고 그대로 일 경우가 있습니다.

 

저도 처음 변경을 할때 본문의 폰트만 변경이 되지 않아 사용하는 "스킨"이 달라서 그런가.. 아니면 "내가 뭘 잘못했나?" 했던 경험이 있습니다. 

 

이유는 간단합니다. 자세한 내용은 아래에서 확인해 보세요. 

 

---

티스토리에 몇개 없는 글꼴에서 일일이 글을 작성하면서 바꾸는 것보다 가독성 좋은 글꼴로 일괄 적용할 수 있는 스킨폅집 CSS에서 폰트를 변경해주는 것이 훨씬 간단하고 편합니다.

 

티스토리 본문 폰트,글꼴 변경하는 방법(무료 한글폰트)

 

스킨 편집 CSS에서 글꼴 설정 시 문제점

스킨 편집CSS에서 폰트 변경 시 그전에 작성했던 글의 폰트가 변경되지 않는 문제가 생깁니다.

 

그 이유는 그전에 작성했던 글을 HTML로 변경해 보면 다음처럼 span 태그가 만들어지고 style 속성이 추가된 것을 볼 수 있습니다.

 

이렇게 되어 있으면 CSS에서 글꼴 설정을 해도 반영되지 않습니다.

 

 

글꼴 설정 시 문제점 해경 방법

첫 번째 방법 

이 문제를 해결하는 기본적인 방법은 이전 발행한 글의 글꼴과 관련된 span 태그를 전부 삭제하는 것입니다.

 

포스팅한 글이 많다면 아주 힘든 작업입니다. 하지만, 가장 확실한 방법입니다.

 

두 번째 방법

태그를 활용한 강제 변경해주는 방법으로 티스토리 꾸미기> 스킨편집> HTML/CSS 편집으로 들어간다.

 

CSS에서 아래 태그를 적용시켜 줍니다.

.article span { font-family: 폰트이름 !important; }

important; 는 가장 최우선으로 적용시킬 때 사용되는 태그로 우선 적용되기 때문에 변경이 가능하다.