생활꿀팁

티스토리 폰트 글씨체 변경하기(상세한설명), 예쁜 폰트/글씨체 추천

STD. 2023. 9. 23. 12:13

 

 

오늘은 글씨체 변경에 대해서 알아보도록 하겠습니다! 

사실 급 블로그를 쓰다가 글씨체가 정말 예쁘지 않다고 생각이 되었는데요
내 블로그지만 정말로 읽기가 싫어지는 것입니다
다른데 찾아보니 정확하게 나와있지 않아서 제가 포스팅을 다시 작성하게 되었습니다.
그래서 글씨체를 변경하는 방법에 대해서 알기 쉽게 설명해 드리도록 할께요

빠르게 보는 순서는 이러해요 
1. 눈누 사이트 방문해서 원하는 폰트찾기
2. 폰트복사
3. 스킨편집화면의 CSS로 이동
4. 글씨체 붙여넣고 적용 누르기 
5. 옆에 미리보기 화면 새로고침 하여 바뀐 폰트 확인하기

 

 

눈누

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

noonnu.cc

원하는 폰트를 찾아줍니다!
저는 카페24 고운밤 으로 설정했습니다.

 

눈누

카페24 고운밤 - 카페24

noonnu.cc

위 사이트는 카페24 고운밤 글씨체 바로가기 입니다.

 

페이지를 틀면 위와 같은 이미지가 나오는데, 반드시 라이선스 요약표를 보고 본인이 사용할 예정인 것의 허용여부를 확인 후 사용을 하도록 합니다.
웹 폰트로 사용이라는 항목이 있어서 전체 선택 후 복사를 합니다.

폰트 검색 시 허용범위한가지 팁이 있다면, 아예 검색 시에 허용범위에서 모두 체크한다음에 검색 하면 좋습니다.
저는 어떻게 이 폰트를 사용하게될지 어떤 상황에서 쓰게 될 지 모르기 때문에 그냥 모두 허용인 것으로 검색 하여 사용하게 되었습니다.

 

스킨 편집으로 이동했다면 html편집을 눌러줘서 아래와 같은 화면으로 이동합니다.

여기서 html 말고 CSS편집으로 넘어가서  @charset "UTF-8";  라고 적힌 부분을 찾습니다
그 바로 아래에다가 아까 복사한 부분을 붙여넣기! 

그다음 중요한 것이 font-family: 옆의 '글씨체이름' 을 복사합니다 ''이것도 같이 복사해 줍니다.

 

여기서 부터가 제가 제일 헷갈린 부분인데, 모든 font-family를 Control +F버튼으로 찾아서 그 옆에다가 복사 붙여넣기를 합니다. 다만 옆에 글씨체 이름이 (monospace 등) 있다면 그 제일 앞쪽에다가 다 붙여놓고 콤마 띄어쓰기 (, )로 구분을 해 줍니다.


font-family를 모두 검색 후 글씨체를 넣었다면 이제 적용을 누릅니다. 

달라진 글씨체를 볼 수 있습니다!

이상 티스토리 글씨체 변경하는 방법을 알아보았습니다:)