미감도 가독성도 모두 챙기면서 티스토리를 즐기고 싶은 분을 위한 폰트 버튼입니다! 기본적으로 HTML에서 적용한 폰트로 처리되며, 폰트 버튼을 클릭할 경우 HTML에서 설정해둔 다른 폰트가 적용됩니다. 개인적으로 있으면 좋겠다~ 싶어서 정말 가볍게 만들었고, 문제가 생기는 게 아닌 이상 코드 수정 예정 없습니다. 코드의 자유로운 변형부터 시작해 수정 후 재배포의 경우에도 별도 문의 없이 편하게 해주세요. 즐거운 티스토리 생활 되시길 바랍니다 ^___^

티스토리 측 HTML에 기본적으로 body가 처리되지 않아 있기에 아무 생각 없이 만지다 보니 기본적으로 모든 p태그에 대해 폰트가 적용되는 형식이 되었습니다. 사용하게 될 경우 참고해 주세요. 

기본모드 클릭 > HTML 들어가기 > 최상단에 해당 내용 붙여넣기 

<div>
<style>
/* 기본적으로 적용할 폰트의 웹폰트 적용 내용을 넣어주세요*/
@font-face {
    font-family: 'IsYun';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2202-2@1.0/LeeSeoyun.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}
/* 버튼 눌렀을 때 적용될 폰트의 웹폰트 적용 내용을 넣어주세요*/
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}
div#on-off{
  display: flex;
  justify-content: center;
  }
/* 버튼 외관을 위한 내용입니다. 색 같은 요소를 취향에 맞게 바꿔봅시다. */
button#on-off-button{
  border: none;
  border-radius: 10px;
  background-color: black;
  color: white;
  }
/* 기본적으로 적용할 폰트의 font-family를 적어주세요 */
p{
  font-family:'IsYun';
  }
/* 버튼을 눌렀을 때 적용될 폰트의 font-family를 적어주세요 */
p.on{
  font-family:'Pretendard';
  }
</style>
</div>
<!-- 아래의 폰트 버튼 부분을 수정하여 버튼 표시 내용을 바꿀 수 있습니다 -->
<div id="on-off"><button id="on-off-button"><p>폰트 버튼</p></button></div>

기본모드 클릭 > HTML 들어가기 > 최하단에 해당 내용 붙여넣기 

<div>
<script>
const onoffbutton = document.querySelector("#on-off-button");
const everyP = document.querySelectorAll("p");
onoffbutton.addEventListener("click", () => {
  everyP.forEach(p => { p.classList.toggle('on');
  });
});
</script>
</div>