티스토리 본문 글자 폰트 종류 크기 강제 설정

2016. 1. 6. 21:55

요즘 스킨을 새로 바꾸다 보니 폰트와 관련한 여러 문제점들이 다시 발생했다. 특히 티스토리에 과거에 작성해 놓은 글들이 글씨 크기 제각각이고 글씨 종류도 다 다르게 보인다. 지난 글들을 우연히 찾아 보게 되었는데 폰트가 제각각이라 보기가 너무 불편하다. 완전 뒤죽박죽 엉망진창이 되어 버렸다. 특별히 이유는 모르겠지만 중간에 글수정을 하면 폰트가 제멋대로 초기화 되거나 바뀌는 모양이다. 그렇다고 일일이 뒤틀린 글을 찾아서 폰트 스타일을 수정할수도 없는 노릇이고..

그래서 스킨의 CSS 에 아래 문구를 추가했다. 폰트 크기와 종류를 강제로 설정해 놓았다. 이 스킨에서는 본문이 post-content 항목으로 지정되어 있던데 어떤 스킨의 경우 entry 혹은 article로 되어 있기도 하다. 스킨마다 사용되는 구문이 약간씩 다르므로 .. 맞춰서 쓰면 될듯 하다. 다양한 응용도 가능하고 말야;;

속이 다 시원하다.

이거 은근히 본인 블로그에 폰트 문제가 있는지 모르는 경우가 많다. 왜냐.. 본인 컴퓨터 화면에서만 아무 불편함 없이 원하는 폰트로 잘 나오니까.. 나도 그랬다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
/* _entry-content */
.post-content {
    position: relative;
    line-height: 1.6 !important;
    word-break: break-all;
    text-align: justify;
    font-weight: inherit; 
    font-size: 17px;
    }
.post-content span[style*=font-size] { 
    font-size: 17px !important; 
    }
 
.post-content span[style*=font-family] { 
    font-family: "NSK", 'cczicon', sans-serif !important; 
    }
@media (min-width: 992px) {
.post-content {
    word-break: normal; 
    font-family: "NSK", 'cczicon', sans-serif !important; 
    font-size: 17px !important;
    }
.post-content span[style*=font-size] {
    font-size: 17px !important; 
    } 
}
@media (min-width: 1281px) {
.post-content {
    font-size: 18px !important;
    }    
.post-content span[style*=font-size] {
    font-size: 18px !important;
    } 
}