🎵일상/블로그 운영 팁

티스토리 폰트/글씨체 변경하는 방법 (눈누 사이트)

초코폴리 2023. 11. 26.

웹폰트


티스토리 폰트 변경 방법


현재 제 블로그에 적용되어 있는 웹폰트인,
'나눔스퀘어'입니다.

동글동글하고 부드러우며
고딕체의 깔끔한 느낌까지 있어,
줄곧 애용해 왔던 글씨체예요.

다만 너무 오래 사용해왔다 보니 좀 질린 것도 있고,
현재 트렌드에 맞게
각진 느낌의 폰트를 사용하고 싶어
바꾸는 김에 변경 방법도 같이 공유드리려고 합니다.



폰트 다운로드하기

1. 눈누 접속

사진을 클릭하면 사이트로 이동합니다.


무료로 웹폰트를 이용, 다운받을 수 있는
'눈누' 사이트입니다.

 

눈누

상업용 무료한글폰트 사이트

noonnu.cc

크롬UI 한국언데 왜 일본어로 나오는거지?


상단에 위치한 카테고리를 클릭하면
다양한 서비스를 이용할 수 있고,
일상생활을 하거나 인터넷 이용하면서
궁금했던 폰트를 물어보는 것도 가능합니다.

그리고 오른쪽에 위치한 '폰트 형태'에서
본인이 원하는 스타일의 글씨체를
한눈에 정렬해서 볼 수도 있구요.

화면은 왜 또 오줌색깔이지?


또 이렇게 본인이 입력할 문장을
미리보기해서 보는 것도 가능합니다.

2. 원하는 폰트 코드 복사하기


각설하고, 본인이 이용하고 싶은
폰트 페이지로 들어와서
오른쪽에 있는 '웹폰트로 사용' 항목의
복사 버튼을 클릭해 줍니다.


복사한 웹폰트를
티스토리 스킨편집-CSS 항목에서
@charset "utf-8";
코드 밑으로 복사해 주시면 됩니다.

이렇게 하시면
블로그 골격을 이루는 부분의
폰트 변경은 끝났습니다.

3. 티스토리 제목, 본문 폰트 변경


그러면 이제 세부적인 부분
폰트 변경만 남았습니다.

CSS 항목에서 ctrl+f 를 통해
#header h1body 코드를 찾아
font-family의 내용을
본인이 적용하고자 하는 폰트명으로
바꿔주시면 됩니다.

이제 제목본문 폰트까지
모두 변경이 완료되었습니다.



끝으로


음 확실히 이전보다
깔끔해진 느낌이 들어서 만족입니다.

웹폰트를 사용하면
블로그 로딩 속도에 영향을 줘서
SEO에는 좋지 않은 점이 단점이지만,
심미안적인 측면에서
좋은 가독성을 유지할 수 있다는 장점이
웹폰트를 사용하게 만드는 것 같네요.

이상 초코폴리였습니다.

항상 글 읽어주셔서 감사합니다!



<이 글도 추천드려요!>

 

티스토리 저작권 침해 신고 방법, 참교육 하기

권리침해신고 블로그 저작권 침해 신고 방법 최근 들어 제 게시글을 무단 도용하는 블로그가 계속 보이고 있습니다. 이 블로그들 신고도 할 겸, 저처럼 저작권 침해를 당하신 분들을 위해 신고

chocopolynichijou.tistory.com

 

댓글