티스토리 본문에 적용된 글꼴 무시하는 방법

본문에 원치 않은 글꼴이 적용되어 있는데 눈치 채지 못하고 계속 많은 글을 작성하신 분들이 간혹 있는 것 같아서 해결책을 알려 드리기 위해 글을 작성해 보겠습니다.

 

관리 페이지 > 꾸미기 > 스킨 편집 으로 이동합니다.

 

html 편집을 클릭 합니다.

 

그럼 다음과 같은 HTML 에디터가 뜨는데 CSS 탭을 선택합니다.

 

다음과 같이 코드를 작성하시면 됩니다.

.tt_article_useless_p_margin p span {
	font-family: Bitter,'Iropke Batang','Noto Sans DemiLight',AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,돋움,sans-serif,'Font_Awesome_5_Free' !important;
}

위의 코드는 하나의 예일 뿐이며 당연히 속성 값에는 본인이 사용하시는 폰트를 넣으셔야 합니다. 여기서 포인트는 .tt_article_useless_p_margin p span 부분과 속성 값 맨 끝에 !important가 추가되어 있다는 점 입니다.

 

이 방법은 웬만한 스킨에서 모두 동작하는 방법이긴 합니다만 간혹 치환자를 달리 썼는 지 적용되지 않는 스킨이 있습니다. 적용이 안 되시는 분들은 댓글 남겨 주시면 확인해 드리겠습니다.

 

 

그럼 다음과 같이 본문에 별도로 적용된 글꼴이 무시되고 내가 따로 설정한 글꼴이 제대로 표시됩니다.

적용 전(좌) 후(우)

 

도움이 되길 바랍니다 :)