티스토리 글꼴 줄간격 변경 방법

 

 

티스토리 초대장을 받고 블로그를 시작한 후 다른 블로그와 다른 점을 발견했다.

 

그건 바로 글꼴과 줄간격~!  

 

아래처럼 예시처럼 글꼴과 줄간격 때문에 글이 눈에 잘 들어오지 않았던 것이다.

 

 

나눔글꼴을 설치하고 ttf 파일을 올리라고 되어 있는데 내 컴퓨터의 폰트 폴더에서 NanumGothic.ttf를 찾을 수 없었다.

 

대신 인터넷을 더 뒤져 NanumGothic.eot란 파일을 찾을 수 있었다.

참고로 확장자가 eot라는 건 웹용 폰트라고 한다.

 

1. 일단 아래의 파일을 다운받은 후

 

NanumGothic.eot

 

2. 티스토리 관리 페이지에서 파일업로드 메뉴를 눌러준다.

+추가 버튼을 눌러 해당 파일을 업로드하고 저장을 눌러주면 된다.

 

 

위 그림과 같이 파일이 올라간 걸 확인할 수 있다.

 

3. 다음은 CSS 탭을 눌러보면 아래와 같이 나오는데

 

 

4. 맨 앞에 아래와 같이

@import url(//fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);

를 붙여넣어 준다.       import url.txt

 

5. 또한 줄간격은 line-height로 된 부분을 1.3에서 1.7이나 1.8로 변경하면 가독성이 높아진다.

 

 

6. 찾기(Ctrl + F)를 눌러 article { 로 검색한 후

 

 

7. 아래와 같이 변경해주었다.

   즉 글꼴을 12px에서 14px로 키우고, 색깔을 눈에 잘 띄는 검은색으로 바꿔준 것이다. 적용한 결과는 이 포스팅을 참고하면 된다.