티스토리에서 코드 css (코드 보여주는 스타일) 변경 방법

일단 관리 탭> 플러그인에서 코드 문법 강조 플러그인을 사용했다. (지금도 사용 중이긴 함)

하지만 폰트도 그렇고 마음에 안들어서 자체 css를 적용하기로 했다.

 

블로그 관리 > 스킨 편집 > html 편집 > css탭을 들어간다.

위에 원하는 폰트를 import 해준다. 이후 code태그의 스타일링 부분을 찾아간다.

 

font-family를 원하는 폰트로 바꿔준다. 폰트 변경 이외에도 배경색, 마진, 패딩, 모서리 둥글게 등을 추가 설정해줬다.

+) 원하는 웹폰트 찾는 법

구글 폰트에서 검색

Google Fonts

 

개발자 도구로 스타일링이 잘 적용된 것을 확인할 수 있다.