[ccz-cross스킨] 티스토리 제목 본문 수정하기 | 폰트속성 변경, 수정 | 글자크기 | 제목스타일

원본 ccz-cross스킨의 css코드를 살짝 변경하여 본문과 제목 글꼴을 수정해보았습니다.

사실 저는 html과 css를 잘 몰라서 (정말 잘 모릅니다) 그냥 되는대로 수정해보았습니다. 그래서 불필요한 부분이 들어가 있을 수도 있습니다만 제 블로그에서 잘 작동하고 있으니 그냥 제가 한 방법을 공유할게요.. 

 

1: 본문 폰트 속성 변경하기

저 숫자 번대의 body 블록에 가보시면 font-size를 변경할 수 있게 되어있습니다. 저는 18px로 적용했습니다. 그리고 글꼴은 제가 원하는 글꼴로 따로 설정한 결과입니다. 

이 블록에서 font-size를 건드리면, 티스토리의 본문 1,2,3 글꼴에 적용됩니다. 

 

그나저나 본문2 기준으로 18px이고, 나머지 본문1과 본문3은 본문2의 폰트사이즈(18px)에 따라서 유동적으로 조정되는 것 같습니다. 본문1과 본문3 폰트 사이즈를 변경하는 방법은 따로 못찾았습니다. 어차피 본문2에 따라 상대적으로 변화해서 수정하려는 큰 시도 없이 그냥 두었습니다.

 

 

 

2: 제목 폰트 속성 변경하기

제목 폰트 속성을 변경하려다보니 꽤 많은 코드를 건드리게 되었습니다. 잘 한 건지 못 한 건지는 판단이 안됩니다 (제가 css를 몰라서요..) 일단 확실한 건, 제목 1, 2, 3은 각각 h2, h3, h4에 해당되는 것을 확인했습니다.

 

그런데 h2, h3, h4 코드블럭 중 하나가 없더라구요 (못 찾은 것일 수도 있어요)

그래서 그냥 제가 만들어서 넣어주었습니다. 그리고 기존의 제목 코드블럭의 내용도 제가 보기 편하게 수정해주었습니다.

 

일단 제목 폰트 속성을 변경하는 블록은 /* ___heading */이라는 주석 아래에 쭈루룩 있습니다. 

 

 

 

h2,h3,h4 코드블록을 변경하기 이전이 어떤 상태였는지는 기억이 안 나지만 괜찮습니다. 크게 변한 건 없습니다.. 그냥 원래 작성되어있던 코드블록을 참고해서 아래 사진처럼 수정했습니다. /* 제목O */같은 주석도 따로 넣어줬고, 코드블록안 글자속성에 일관성을 줘서 보기 편하게 두었습니다.

 

제목1, 제목2, 제목3의 font-size는 각각 35, 28, 25로 설정해두었습니다. margine은 안 건드렸던 것 같기도 하고.. 아무튼 수정해가면서 원하는 대로 하시면 됩니다. 자간(글자 간격) 설정은 letter-spacing입니다. 

 

 

그리고 ccz-cross스킨의 기본 설정에서는 제목1인가 제목2 위에 회색 밑줄이 생기더라고요! 개인취향으로는 회색 밑줄을 지우고 싶어서 이리저리 건들다가 알아낸 것은, 아래 코드를 통째로 주석처리하면 제목의 밑줄이 사라진다는 것입니다. 저는 이 부분이 뭔지 모르지만.. 주석처리해도 아직까지는 문제가 없는 것 같아서 그냥 지웠습니다! 제가 css를 몰라서 이게 어느 역할을 하는지는 잘 모르겠어요 ㅠㅅㅠ

 

 

 

변경 결과:

"폰트테스트 글 보러가기! 비밀번호는 1234"

 

폰트 테스트 글을 보호글로 써봤는데.. 직접 들어가서 보고 싶으신 분들은 비밀번호 '1234'입력해서 구경하세요! 테스트 글 캡쳐한 사진도 여기에 남겨둘게요↓

---

---

ccz-cross 스킨 정말 예쁘고 깔끔한 것 같아요.. 스킨 제작자 '흉내쟁이'님 최고!!