본문 바로가기
프로그래밍/개발 상식 등

티스토리 코드 크기 크게하는 방법(html, css)

by 숙님 2022. 7. 25.
728x90

티스토리에 업로드하는 코드의 크기가 너무 작아서 고통을 받았다 

구글링을 통해 하는 코드의 크기를 키우는 방법을 알게됨!!

 

1. 티스토리 오른쪽 상단의 '관리'들어가기

 

 

2. 하단의 '꾸미기'->'스킨편집'들어가기 

 

 

3. 오른쪽 상단의 'html 편집'들어가기 

 

 

4. html에서 <head>태그 사이에 <style>태그 넣기

<style>
pre > code {
	font-size: 1.0em;
}

 

5. css코드에 pre code 수정하기 

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, p, blockquote, th, td, figure {
	margin: 0;
	padding: 0;
}
pre, code{
	font-family: "Consolas", "Sans Mono", "Courier", monospace;
	font-size: 1.0em;
}

중간에 컴마 삭제해야함

다른 태그들이랑 같이 있는데 따로 빼서 설정을 하면 된다!!

 

 

참고로 1.3em 도 해봤는데 너무 크다 

1.0em이 적당히 크고 살짝 더 작아도 괜찮을 듯싶다.

 

댓글