Etc/티스토리3 [티스토리] 기본 폰트 변경하기(feat 무료폰트 눈누) 티스토리에 기본 폰트를 바꿔보자! 폰트는 대부분 무료인 눈누와 함께 한다. 폰트 변경 순서는 아래와 같다. 눈누에서 원하는 폰트 찾기 CSS에 찾은 폰트 코드 넣기 순서를 보면 알 수 있듯 폰트 변경은 아주 간단하다. 하지만, 현재 티스토리에 적용된 스킨이 어떤거에 따라 달라질수있다. 나는 티스토리에서 기본으로 제공해주는 Book Club스킨을 사용하고 있는데, 글 본문 폰트가 변경되지 않아 한참 애먹었다. 하지만 난 발자~발자~ 개발자 아닙니까! 사사삭~ 이슈를 해결해버렸지 뭐얌! 여튼 개인이 사용하고있는 스킨에 따라 폰트가 변경되지 않는 영역이 생길 수 있습니다! 자! 쓰짤때기 없는 인트로는 그만하고 폰트를 변경 해보자아~ 폰트 찾기 예쁜 폰트를 무료로 사용할 수 있는 사이트가 있다. 그거슨 바로오 .. 2021. 11. 5. [티스토리] 블로그에 TOC( table of contents) 적용하기 (반응형 포함) // 참고 1. tocbot https://www.npmjs.com/package/tocbot 1. https://depast.tistory.com/40#1-html-%EC%88%98%EC%A0%95 // header " target="_blank" rel="noopener">https://cdnjs.cloudflare.com/ajax/libs/tocbot/4.11.1/tocbot.min.js"> https://cdnjs.cloudflare.com/ajax/libs/tocbot/4.11.1/tocbot.css"> // body TOC // script // css .toc-wrap{ z-index: 100; } .toc-wrap-absolute{ position: absolute; right: 1.5re.. 2021. 7. 25. [티스토리] Markdown 인라인 코드블럭 꾸미기 티스토리 Markdown 인라인 코드블럭 테마에 따라 다를 수 있지만 현재 내가 적용한 테마에서는 인라인으로 코드블럭을 작성하면 일반 텍스트와 다를게 없이 표시가 된다! CSS편집으로 인라인 코드블럭을 꾸며보자! 인라인 코드블럭 꾸미기 스킨편집 이동 상단 Html편집 버튼 클릭 CSS버튼 클릭 적당한 위치에 코드 넣기 code { background-color: #F1F1F1; color: crimson; padding: 0.25rem; border-radius: 3px; font-family: "Consolas", "Sans Mono", "Courier", "monospace"; font-size: 0.75rem; font-weight: bold; } 2021. 4. 27. 이전 1 다음
