새 에디터 대응을 위한 글자 크기 조정
근황/일상

새 에디터 대응을 위한 글자 크기 조정

구 에디터에 비해 불편한 점이 있다면 글자 크기가 너무 작다는 것이었고,
이를 해결하려면 직접 코드로 글자 크기를 바꾸는 방법밖에 없을 것 같아서 검색해서 찾아보고 다 해보았다.

초록색 네모를 잘 보면 티스토리가 임의로 만든 크기 템플릿이 있고 거기에 지정된 태그가 있다.
h 태그는 제목, p 태그는 본문을 의미하는 것 같다.
글자 크기가 너무 작아서 브라우저의 스타일 편집기를 이용해 내가 잘 쓰는 크기로 맞춰서 코드를 만들었다.

/* 제목크기 */
/* 제목1 28 */
#tt-body-page h2[data-ke-size='size26'],
h2[data-ke-size='size26'] { font-size: 2.3em; }
/* 제목2 24 */
#tt-body-page h3[data-ke-size='size23'],
h3[data-ke-size='size23'] { font-size: 2em; }
/* 제목3 18 */
#tt-body-page h4[data-ke-size='size20'],
h4[data-ke-size='size20'] { font-size: 1.5em; }

/* 본문크기 */
/* 본문1 14 */
#tt-body-page p[data-ke-size='size18'],
p[data-ke-size='size18'] { font-size: 1.2em; }
/* 본문2 12 */
#tt-body-page p[data-ke-size='size16'],
p[data-ke-size='size16'] { font-size: 1em; }
/* 본문3 10 */
#tt-body-page p[data-ke-size='size14'],
p[data-ke-size='size14'] { font-size: 0.87em; }

위에는 그 템플릿을 토대로 만든 코드다. 이것을 스킨 설정에서 CSS에서 위 코드를 붙여넣으면

코드에 맞게 글자 크기가 맞춰진 모습.

잘 적응된 것을 확인할 수 있다.

현재 새로 나온 티스토리 에디터는 다 좋은데 글자 크기 종류가 너무 적다. 그리고 글머리기호를 쓸 때 붙여넣으면 다른 문단에 붙여넣기 되는 버그도 그렇고... 다음 블로그나 카페도 이 에디터가 적용됨으로서 그 현상도 똑같이 적용되었는데 개선할 점이 많은 것 같다...

왜 굳이 새 에디터를 쓰는거지? 그것은 티스토리가 이런 공지를 남겼기 때문... 1월 중에 구 에디터 종료로 쓸 수 없게 된다는 것...

728x90
반응형