본문 바로가기
블로그 노하우/블로그꾸미기

티스토리 카테고리 글씨크기 및 글씨체변경하기

by 만웅이의 꿀정보 2015. 11. 3.
반응형

티스토리블로그 카테고리글씨 변경하는방법



오늘은 티스토리 사이드바에 있는 카테고리의 글씨크기 및 글자체를 변경하는 방법을 배워보도록 하겠습니다.


각각의 스킨마다 조금씩 다를 수 있지만 큰 틀은 거의 다 비슷하니 제가 설명하는 방법대로 변경하시면 분명 적용이 되실겁니다.



사실 별것 아닌것 같지만 저는 블로그내의 그 어떤 작업보다도 더 힘들었습니다. 카테고리태그를 이리저리 둘러보고 변경해보아도 도무지 바뀌지가 않아 한때는

포기하고 있다가 다시 미친듯 검색하여 적용하는 방법을 알아냈지요.


카테고리내의 태그를 변경하는것이 아니라 새로운 태그를 추가하는것이 정답이었습니다.


아래사진은 제 블로그 카테고리이며 글씨체와 크기를 변경하기전 모습입니다.



보시는것과 같이 글씨가 진하지가 않아서 저는 눈에 잘 띄지 않는 느낌입니다. 그래서 글씨 크기와 글씨색깔을 조금 더 진하게 변경하기로 했습니다.

일단 카테고리의 크기와 글씨체 및 굵기를 지정하는 소스입니다.



크기만 조정시

#category {font-size:13px;}


크기와 글씨체 조정시

#category {font-size:13px; font-family: Nanum Gothic;}


크기와 글씨체 굵기 조정시

#category {font-size:13px; font-family: Nanum Gothic; font-weight: bold;}


또는 아래처럼 #category 뒤에 td를 붙이셔도 상관없습니다.


크기만 조정시

#category td {font-size:13px;}


크기와 글씨체 조정시

#category td {font-size:13px; font-family: Nanum Gothic;}


크기와 글씨체 굵기 조정시

#category td {font-size:13px; font-family: Nanum Gothic; font-weight: bold;}


제 블로그는 오른쪽마우스 복사가 금지되어 있어 따로 파일을 첨부했습니다.





카테고리 글자크기 및 글씨체,굵기조절소스.txt


여기서 폰트체에 제가 Nanum Gothic(나눔고딕)폰트를 써놓았는데 나눔고딕체를 적용하려면 style.css에

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 가 존재해야 합니다.


혹여 없으시다면 아래 포스팅을 참고해주시고, 다른글씨체를 적용하시려면 Nanum Gothic을 지우고 다른글씨체를

예)#category {font-size:12px; font-family: 고딕; font-weight: bold;}적용하시면 됩니다.


▶ 관련포스팅 : 블로그글씨체 변경해서 가용성높이는방법(나눔고딕 폰트적용) http://4944.tistory.com/179



글씨크기변경은 font-size:12px 에서 숫자만 변경해주시면 되고 글씨를 진하게하고 싶지 않다면 font-weight: bold;를 지워버리시면 됩니다.


자 이제 소스를 적용해보도록 합시다. 블로그 HTML편집으로 들어와 Style.css 로 들어온뒤 ctrl+F 누르고 #category를 찾아주세요.

아래사진에서 보시는바와 같이 #category 바로 위에 소스를 붙여넣기해주세요.



끝입니다! 간단하죠? 저는 이걸 못하고 몇달이나 방치해뒀었다는 ㅠ.ㅠ 자 확인을 해보도록 하겠습니다.



맨 처음 본 사진과 달리 눈에 잘 띄고 좀 더 깔끔해 진것 같지 않나요? 블로그의 가독성을 생각하신다면 블로그내의 글씨하나하나라도 신경써주시면

방문자들이 조금 더 오래 머물 수 있지 않을까 생각 합니다. ^^




반응형