반응형
티스토리의 기본제공 스킨인 Whatever를 수정한 스킨.
은신문체를 사용했다. 웹폰트 CDN이 없으므로 직접 업로드한 후 CSS의 웹폰트 주소를 변경해야 한다. 웹폰트 파일은 스킨 압축파일 중 images폴더에 포함했다.
/*
CSS에서 웹폰트 주소를 수정한다.
eot, ttf, woff 모두 본인이 업로드한 폰트 주소로 변경
*/
@font-face {
font-family: 'UnShinmun';
src: url('https://tistory1.daumcdn.net/tistory/2920158/skin/images/UnShinmun.eot?#iefix') format('embedded-opentype'), url('https://tistory1.daumcdn.net/tistory/2920158/skin/images/UnShinmun.woff') format('woff'), url('https://tistory1.daumcdn.net/tistory/2920158/skin/images/UnShinmun.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
수정해야 할 부분
@font-face {
font-family: 'UnShinmun';
src: url('https://tistory1.daumcdn.net/tistory/2920158/skin/images/UnShinmun.eot?#iefix') format('embedded-opentype'), url('https://tistory1.daumcdn.net/tistory/2920158/skin/images/UnShinmun.woff') format('woff'), url('https://tistory1.daumcdn.net/tistory/2920158/skin/images/UnShinmun.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
티스토리 스킨 신문 다운로드
본문 캡쳐 보기
기타 사항
- 본문 삽입 이미지는 기본 흑백 처리하였고 클릭하면 컬러로 보임.
- 코멘트 이미지도 기본 흑백이며 마우스 오버시 컬러로 전환.
- 스킨편집 추가 설정-레이아웃: 중앙정렬 권장.
반응형