티스토리 글자 크기 변경 쉬워요

Posted by 우리행복해
2019. 2. 25. 17:42 생활정보
반응형

티스토리 글자 크기 변경 방법

티스토리 반응형 스킨 사용하고 있는데 글자 폰트와 크기를 변경하고 싶다면 이대로 따라하시면 쉽게 해결할 수 있습니다. 사용하고 있는 티스토리 스킨은 fastboot 1.6.2 로 글자 폰트는 나눔고딕으로, 글자 크기는 18px로 변경해보겠습니다.



티스토리 글자 크기 변경



1. 티스토리 fastboot 글자 크기 변경

먼저, 글자크기 변경을 하겠습니다. 초기 설정된 글자크기는 12px로 되어있어서 글자가 작아보이는 느낌이 들어 18px로 변경하겠습니다.


스킨편집으로 이동해서 css 메뉴로 이동합니다. 98번 위치정도 되는데, 스킨편집 상태에 따라서 조금씩 다를 수 있으니 참고하시면 될 것 같습니다. 12px-> 18px로 숫자변경하시면 간단하게 완료됩니다.



티스토리 글자 크기변경


2. 티스토리 글자 폰트 변경

구글 페이지에서 '구글폰트'라고 검색하시면 상단에 뜨는 링크를 클릭하여 이동합니다.



티스토리 글자 크기 변경



구글폰트 페이지에서 'nanum gothic' 을 검색하셔도 되고, 페이지 상단 가운데에 노출되고 있어서 따로 검색은 안해도 찾을 수 있었습니다.

 


티스토리 글자 크기 변경



나눔고딕 빨간색 플러스모양 버튼을 클릭하면 아래와 같은 이미지가 뜹니다. 먼저 @IMPORT 를 클릭하면 회색 박스에 보이는 내용을 복사해서 스킨편집>HTML 로 이동합니다. HTML에서 <head>와 </head>사이에 붙여넣기 하면 됩니다. 



티스토리 글자 크기 변경



저는 <head>를 찾아 바로 뒤에 붙여넣었습니다. 아래는 붙여넣고 난 후의 이미지를 캡처했습니다. 이것으로 끝난 것은 아니고 마지막 단계가 남아있습니다. 



티스토리 글자 크기 변경



위의 이미지 2)번의 내용을 복사해서 HTML이 아닌 CSS에서 붙여넣기 하면 됩니다. 13번째 줄에 위치한 font-family를 찾아 블럭을 잡고 그 위에 바로 덮어쓰기 하면 완료됩니다.



티스토리 글자 크기 변경



복사붙여넣기 한 후의 이미지입니다.



티스토리 글자 크기 변경



저장 버튼을 눌러 적용하면 티스토리 글자 변경이 완료됩니다. 어렵지 않게 적용할 수 있으므로 천천히 따라서 변경해보시기 바랍니다.


2019/02/25 - [생활정보] - 티스토리 스킨변경 fastboot 1.6.2 설치방법


반응형