Fullmoon in me

[티스토리 폰트 변경] 가독성 좋은 폰트 리디바탕체로 변경하는 방법(+무료폰트 사이트 추천!) 본문

Web/CSS

[티스토리 폰트 변경] 가독성 좋은 폰트 리디바탕체로 변경하는 방법(+무료폰트 사이트 추천!)

fullmooninme 2020. 11. 29. 17:00

무료 폰트 사이트 추천 'Noonnu'

https://noonnu.cc/


 

위 링크로 접속 후 원하는 글꼴(폰트)를 찾는다.

눈누에 업로드 되어 있는 폰트는 상업적이용도 가능하여 많은 사람들이 유용하게 사용할 듯 하다

 

 

눈누 글꼴다운로드

 

가독성 좋기로 유명한 리디바탕체를 선택하였고 영문과 한글 모두 정상적으로 사용 가능한지, 문장을 작성하면 어떻게 웹상에 보이는지 테스트를 해보았다.

 

각자 마음에 드는 폰트를 다운로드를 하고 웹폰트로 사용 블록에 있는 소스코드를 복사한다.

 

 

 

티스토리 적용 방법


 

1. 블로그관리 > 스킨편집 > html 편집 

 

 

 

 

2. 파일업로드로 들어가 다운로드한 글꼴파일 업로드

 

 

 

3. CSS 카테고리로 들어가 복사한 소스코드를 맨 위에 붙여넣기

+ font-family를 검색하여 글꼴이름을 변경

 

 

 

4. 저장 후 적용 되었는지 확인하기

 

Before

티스토리 기본 폰트

 

After

리디바탕체 적용

 

 

추가내용 

웹페이지에는 적용이 잘 되었으나, 티스토리 앱이나 모바일페이지에서는 적용이 안되었다:( 10분정도 구글링 해보았는데 모르겠다........ 5분만 더 찾아보고 포기해야지. 혹시 아시는 분은 알려주세요!

Comments