[티스토리] 코드블럭 폰트 변경하기

안녕하세요

로로봉입니다 : )

이번 포스팅에는 코드블럭에 폰트 설정 값을 변경하는 방법을 알아보겠습니다.

티스토리 블로그에서 포스팅을 하다보면 아래와 같이 코드 블럭을 사용할 때가 많이 있는 것 같습니다.

[ 그림 1 : 글쓰기 모드에서의 코드블럭 ]

이 코드 블럭의 폰트나 색상이 글쓰기에서 나오는 모습 그대로 블로그에 포스팅 되지 않고 다르게 표시 되는 경우가 있습니다.

글쓰기 모드에서 포스팅을 완료하여 개시하였을 때는 아래와 같이 폰트 크기도 달라지고 색상도 녹색으로 나오고 있는 것을 볼 수 있습니다.

[ 그림 2 : 포스팅 완료 후 코드 블럭 ]

이런 경우 티스토리 블로그 스킨 편집 메뉴에 들어가서 코드 블럭 폰트에 대한 부분을 직접 수정이 가능하며, 어렵지 않게 간단히 해결이 가능합니다.

티스토리 관리자 메뉴를 들어가 보겠습니다.

블로그 우측에 톱니 바퀴를 이용해 관리자 메뉴를 접근 할 수도 있고, 찾기 어려운 경우 블로그 주소 뒤에 /manage를 입력하여 진입이 가능합니다.

관리자 메뉴에서 좌측의 꾸미기 - 스킨 편집을 눌러줍니다.

[ 그림 3 : 스킨 편집 버튼 ]

우측 상단의 html 편집 버튼을 눌러줍니다.

[ 그림 4 : html 편집 버튼 ]

적용된 모습을 바로 확인하기 위해 좌측 상단에 콤보를 글로 변경하고 우측의 CSS를 선택해줍니다.

[ 그림 5 : CSS 편집 화면 ]

Ctrl + F를 누르고 code를 검색해봅니다. code 안에 있는 CSS 스타일을 변경해주면 원하는 대로 수정이 가능합니다.

아래와 같이 글씨체를 본고딕 R로 변경하고, 폰트 크기와 폰트 색상을 변경해보았습니다.

[ 그림 6 : CSS 편집 완료 ]

code 부분의 스타일을 변경하고 적용을 하면 위와 같이 코드 블럭에 폰트가 변경되는 것을 보실 수 있습니다.

 

좋아요♥ + 구독 부탁드립니다 : )