티스토리 폰트 변경, 폰트 크기 변경하기 - 눈누

블로그를 쓰다 보면 예쁜 폰트로 나만의 글을 쓰고 싶지만 티스토리에서 제공하는 폰트는 한정적이라 상업용 무료 한글 폰트를 제공하는 사이트를 이용해 폰트를 변경하는 방법을 알려드리려고 합니다. 다양한 폰트 디자인이 제공되어 있어 폰트를 바꾸기 너무 좋은 사이트인 거 같아요.

1. 눈누 사이트에 접속한다.

https://noonnu.cc/

 

2. 원하는 폰트를 고른다.

 

3. 폰트 미리보기에서 원하는 글을 적어보고 웹폰트로 사용의 복사 버튼의 누른다.

 

폰트의 사용범위, 허용 여부를 확인해야 한다. 간혹 X 표시가 되어 있는 폰트도 있으니 주의해서 사용해야 한다.

 

 

4. 스킨 편집 - CSS로 이동

/* Web Font Load */ 부분에 눈누에서 복사해온 걸 붙여 넣기 한다.

 

 

font-family: 뒤에 있는 글씨체 이름을 복사해놓고 밑에 보이는 body부분에 font-family 붙여 넣기 한다. 글씨체 이름이 앞에 있어야 우선적으로 반영되니 맨 앞쪽에 넣어놓고 , 를 붙이면 된다. 

 

글씨 크기 변경

- CSS영역에 클릭한후 ctrl+F를 누르고 노란 바탕의 검색창이 뜨면 .entry-content p를 검색해줍니다. 

font-size가 처음에는 em단위로 설정되어 있는데 사용하시기 편한 대로 px로 바꿔서 설정해도 괜찮습니다.

line-height는 행간으로 글의 높이를 조절해줄 수 있습니다!