티스토리는 보이는 모든 요소들의 폰트를 다 바꿀수있어요.
이 글은 본문의 웹폰트를 바꾸는 방법을 소개할까해요.
일명,
복사 붙여넣기로
가장 쉽고 빠르게 티스토리의 폰트를 바꾸는 방법
메인 화면의 제목은 함께 바뀌나,
본문 썸네일은 기타 css를 변경해주어야 하는데 이 부분은 차후에 다룰예정.
웹폰트 사이트
1. 구글
링크 : https://fonts.google.com/
2. 눈누
웹폰트 다운로드 및 적용 순서
나의 티스토리는 한국어가 압도적으로 많기 때문에
눈누에서 한글 웹폰트를 우선 다운로드 받았다.
(+ html/css 카테고리에는 별도의 아이디/클래스값을 주어 구글웹폰트로영어 가독성이 좋은 폰트로 변경예정.)
1. 눈누페이지 원하는 폰트를 클릭
원하는 폰트를 클릭 후 > 우측 상단에 웹폰트를 복사합니다. (이미지 참조)
2. 티스토리 > 스킨 편집
티스토리 관리자 페이지로 돌아와 > 스킨편집 클릭합니다.
아래 이미지의 ★ 참고.
3. 티스토리 > 스킨 > html 편집
티스토리 스킨 편집 페이지 > Html 편집 버튼 클릭 합니다.
4. 티스토리 > 스킨 > html 편집 > CSS
우측 상단 CSS 클릭 >CSS 페이지 안 @charset "utf-8";아래에
이미지의 빨간박스처럼
복사한 웹폰트 코드를 붙여넣기 해줍니다.
5. CSS 안에서 > 폰트이름 설정 > 적용
CSS 안 body를 찾아줍니다 > font-family: '~', ~에 웹폰트의 이름을 적어줍니다.
이미지의 빨간박스가 제가 받은 폰트의 이름입니다.
복사한 웹폰트의 이름을 넣고 적용 버튼을 눌러줍니다.
6. 티스토리를 새로고림 > 게시글 확인
이제 게시글로 돌아가 적용된 폰트를 확인해보세요.
어려운 css 코드를 만질 필요없이
복사 붙여넣기로 가장 쉽고 빠르게 티스토리의 폰트를 바꾸는 법 알아보았습니다.
+ 글자의 굵기는 본문 에디터로 설정 가능하니 css상에서 건들지 않았습니다.
+ 저는 게시글의 제목라인과 본문의 폰트를 별도로 설정했습니다.