블로그2015. 5. 7. 00:23

 

 

 

티스토리블로그 나눔글꼴적용하는 방법

 

 

 

안녕하세요

이번에는 티스토리블로그 나눔글꼴적용하는 방법에 대하여 알아보겠습니다

저도 금방 블로그로 새로 만들어서 적용한 것을 그대로 올립니다.

 

 

나눔글꼴은 네이버에서 개발한 글꼴로

티스토리블로그에 적용하려면 별도의 설정을 해 주어야 합니다

티스토리는 기번 글꼴이 '돋움'으로 되어 있습니다

 

설정하는 방법은 다음과 같습니다.

1.먼저 구글폰트로 들어갑니다.

구글에서는 전세계의 다양한 글꼴을 다운받아서 쓸 수 있도록 서버를 제공하고 있습니다

 

https://www.google.com/fonts/earlyaccess

 

 

2.구글폰트로 들어가서 상단의 찾기 창에 <나눔>을 입력하고 검색을 합니다

그러면 아래와 같이 나눔고딕이 나옵니다

빨간색으로 박스처져 잇는 부분을 복사합니다

 

 

바로 이부분을 복사합니다

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

 

 

3.HTML/CSS편집으로 들어갑니다.

 

 

4.하단의 style.css에 복사한 것을 아래와 같이 붙여 넣습니다.

style.css의 제일 상단에 붙여 넣으면 됩니다

 

 

 

5.Ctrl+F를 눌려서 <Font-family>를 검색합니다.

Font-family의 글꼴을 모두 <nanumgothic>으로 아래 그림 처럼 바꾸어 줍니다.

저는 전체적으로 모두 나눔고딕으로 바꾸었는데

그럴려면 Font-family을 글꼴을 <nanumgothic>으로 바꾸거나, 다른 글꼴에 우선해서 적용될 수 있도록 제일 앞에 넣어주면 됩니다.

 

 

 

이상 티스토리블로그에 나눔글꼴을 적용하는 방법을 알아보았습니다

도움이 되었으면 합니다.

Posted by achimhs
블로그2015. 5. 6. 23:22

 

 

 

 

안녕하세요

이번 포스팅은 티스토리 블로그 줄간격을 조절하는 방법입니다

티스토리에서 제공하는 스킨을 그대로 사용하려고 하니

줄간격이 너무나 좁아서 눈이 아플 정도입니다

 

줄간격을 조금 조절하면 가독성을 훨씬 높일 수 있습니다

그 줄간격 조절하는 법은 알면 아주 간단합니다.

 

1.먼저 관리자화면에서 HTML/CSS편집으로 들어갑니다

 

 

 

 

2.style.css 에서 <body>를 검색합니다

검색하는 방법은

Ctrl+F를 누르면 찿기 창이 열리는데 거기에 'body'를 넣고 검색합니다

그러면 아래그림처럼 line-height가 나옵니다

 

 

line-height 수정하면 줄간격이 조정됩니다.

일반적으로 기본이 1.5로 되어 있는데 그것을 1.8정도로 수정하면 됩니다

제 블로그는

line-height:1.3 으로 되어 있는 것을 line-height:1.8로 수정했습니다

현재는 줄간격이 1.8로 수정한 것입니다

 

1.8이 본인이 원하는 간격이 아니라면 숫자를 줄이면 좁아지고 숫자를 늘리면 넓어지니 본인이 원하는 만큼 조정하면 됩니다.

 

 

이상 도움이 되었으면 합니다.

 

 

 

 

Posted by achimhs