티스토리 오디세이(Odyssey) 표, 테이블 글자 크기 변경 방법

티스토리 오디세이 스킨의 테이블 글자의 사이즈는 기본 16px로 고정되어 출력됩니다. 본문 글자 크기나 폭사이즈 조정을 기본으로 사용한다면 좀 부담스러운 사이즈입니다. css 수정 방법을 통해 테이블 폰트 사이즈를 조절하는 방법에 대해서 정리하였습니다.

---

1. CSS 수정 방법

먼저 스킨편집 → html → CSS 메뉴로 접속합니다.

CSS 편집

 

CSS 편집 화면에서 Ctrl + F를 눌러 .article-view table tr th 구문을 찾습니다.

CSS 테이블 폰트

찾은 부분에 폰트 사이즈 구문을 추가합니다. 기본 폰트 크기가 지정이 안되어있는데 원하는 사이즈의 폰트 크기를 입력합니다. ( ex: font-size: 14px;)

 

원본

.article-view table tr th,
.article-view table tr td {
    padding: 7px;
    border-left: 1px solid #dadce0;
}

 

폰트크기 14px로 조정 font-size: 14px;

.article-view table tr th,
.article-view table tr td {
    padding: 7px;
    border-left: 1px solid #dadce0;
    font-size: 14px;
}

 

 

2. 폰트 사이즈 변경 결과

이와 같은 방법으로 테이블 내용의 폰트를 지정할 수 있습니다.

 

폰트 크기 변경 전

테이블 기본 px 사이즈

폰트 크기 변경 후

테이블 14px 로 조정한 내용