티스토리 블로그 폰트 나눔고딕, 제주고딕으로 바꾸기

728x90

아무래도 잘 꾸며진 블로그를 구경하면 내 블로그도 보기 좋게 꾸미고 싶다는 마음이 생기는데요.
가독성이나 제일 눈에 띄는 부분이 폰트 아닐까 싶어요.

구글 폰트를 이용하는 방법 ①

 

Google Fonts

Making the web more beautiful, fast, and open through great typography

fonts.google.com

언어를 Korean으로 변경하면 31개의 폰트가 나오는데요.
원하는 폰트를 선택하고 스타일에서 글자크기 크기(px), regular 400, bold 700, extrabold 800 글자 굵기를 조절하며 가독성을 살펴보세요.
제일 위 상단 햄버거버튼, 다크테마 옆 맨 오른쪽에 아이콘(view selected families)이 있어요. 클릭하면 사이드바 or 팝업이 나와요. <link>, @import가 나오는데요. 복사하세요. 티스토리 스킨 편집, css에 붙여 넣기 합니다.
폰트 다운로드는 팝업 하단에 있습니다.

구글폰트 티스토리블로그 적용
구글폰트 티스토리블로그 적용

블로그 폰트 변경 - eot, woff2로 변경하기 ②

Ctrl+F로 'Font-family'를 찾는다. 기존 폰트명을 바꿀 폰트명 (ex, nanumgothic , jejugothic)으로 바꿔준다.
무료 폰트이면서 상업적으로 이용 가능한 폰트(ttf)와 eot, woff파일이 필요합니다.

관리자 - 스킨 편집 - 파일 업로드에 가서 만든 eot, woff를 업로드하고 적용한다.
관리자 - 스킨 편집 - HTML에서 head 태그에 코드를 붙여 넣기 한다.

ex) 제주고딕

티스토리 블로그 폰트 변경 @font-face
티스토리 블로그 폰트 변경 @font-face

@font-face {font-family:JejuGothic; 
src: url(./images/JejuGothic.eot); src: local("제주 고딕"), url(./images/JejuGothic.woff) format("woff");}

Ctrl+F로 'font-family'를 찾는다. 기존 폰트를 자신이 바꿀 폰트명 예를 들면 jejugothic으로 바꿔주고 저장하세요.

728x90

Designed by JB FACTORY