초보자도 쉽게 나의 티스토리 블로그 글씨체를 바꾸는 방법
만약 티스토리가 제공하는 기본 폰트가 마음에 들지 않는 다면 한 번 시도해 보세요. 평소 즐겨 보던 이북의 글씨체 혹은 최애 브랜드의 폰트를 자신의 티스토리 블로그에 적용할 수 있습니다.
준비물은 폰트를 다운로드 할 필요 없이 웹상에서 좋아하는 웹폰트 코드만 있으면 됩니다!
구글 폰트 사이트에서 웹폰트 찾기
아래는 무료 폰트를 찾아 다운로드 하거나 웹폰트 코드를 얻을 수 있는 구글 폰트 Google Fonts 사이트입니다.
아래를 클릭하셔서 해당 페이지로 이동하여, 우선 구글 폰트 사이트에서 무료 글씨체를 찾아보겠습니다.
Google Fonts
Making the web more beautiful, fast, and open through great typography
fonts.google.com
티스토리 블로그는 한글 제공 폰트를 사용해야 하기 때문에, 우선 필터 기능 중 제공 언어를 Korean으로 체크하여 한글 폰트만 볼 수 있도록 설정합니다. 그중 맘에 드는 폰트가 있다면 해당 폰트를 클릭해서 세부 페이지로 이동합니다.
같은 글꼴에서도 얇은 스타일, 라이트, 레귤러, 미디엄, 볼드 등등 제각기 글씨의 두께에 따라 여러 가지 버전을 제공합니다. 그중 내 티스토리 블로그에 사용하고 싶은 글씨를 고르셨다면 +Select this style을 클릭하여 이제 웹폰트의 코드를 복사해봅시다. 이때 Use on the web 항목에서 <link>가 아닌 @import로 체크박스를 클릭한 뒤 아래 네모상자 안의 코드를 가져오면 됩니다.
첫 번째 코드 블록 예시:
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap');
두 번째 코드 블록 예시:
font-family: 'Nanum Gothic'
나의 티스토리 블로그에 새로운 글꼴 적용하기
이제 글꼴을 적용하기 위해, 티스토리 블로그 관리 페이지에서 스킨 편집 메뉴로 이동합니다.
스킨 편집 화면으로 들어왔다면 우측 상단의 html 편집 버튼을 눌러 본격적으로 편집을 시작해 봅시다.
html 옆의 CSS로 이동하여 /*Web Font Load*/ 구문을 우선 찾습니다. 저는 23번째 줄부터 시작하네요. 이 항목 안에 있는 구문들이 웹 폰트를 불러오는 코드들입니다. 아까 복사했던 웹폰트 구문과 형식이 동일하죠.
그럼 기존 문구들 밑에 아까 복사해 두었던 웹폰트 코드를 붙여 넣기 합니다. (첫 번째 코드 블록)
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap');다음으로 30번째 줄을 보시면 font-family: 로 시작하는 문구 옆의 'Noto Sans KR'가 현재 내 블로그에 지정된 폰트명입니다. 이 부분만 방금 추가했던 바꾸고 싶은 폰트 이름으로 교체하면 됩니다. (두 번째 코드 블록에 해당됨.)
font-family: 'Nanum Gothic'
마지막으로 우측 상단의 적용 버튼을 누르고 새로고침으로 새로운 폰트로 적용된 블로그를 미리 보기 할 수 있습니다.
새로운 글꼴을 적용하여 나의 블로그를 더 이쁘고 가독성 높게 꾸며보세요. :-)
개인용, 상업용 모두 사용할 수 있는 무료 폰트 모음 사이트가 궁금하다면 아래의 링크 클릭
똥손 필수! 상업용 무료한글폰트 추천 사이트 - 블로그, 유튜브 자막, E-book 제작
프로젝트 눈누라는 상업용 무료 한글 폰트들을 모아놓은 사이트입니다. 눈누는 잘 알려지지 않은 상업적으로 이용할 수 있는 무료 한글 폰트를 모아 많은 사람들에게 소개하기 위해 시작된 사
allaboutme.tistory.com
이 글이 도움이 되셨다면 공감 버튼 부탁드립니다 :)
'TBlog' 카테고리의 다른 글
| 내 티스토리 프로필 메뉴 지우기 쉽게 따라하기 (0) | 2021.04.18 |
|---|---|
| 내 티스토리 글에서 내 닉네임과 작성날짜 숨기기 (0) | 2021.04.06 |
| 내 티스토리 닉네임 바꾸기(티스토리 계정관리) (1) | 2021.04.05 |
| 내 티스토리에서 작성자명(닉네임) 숨기기 쉽게 따라하기 (0) | 2021.04.05 |
| 내 티스토리 작성자명(닉네임) 블로그 별 각각 다르게 바꾸기 (1) | 2021.04.05 |
| 내 티스토리 줌zum 사이트 검색 등록하기! (0) | 2021.03.22 |
| 내 티스토리 네이버 서치어드바이저 등록하기! (0) | 2021.03.22 |
| 내 티스토리 구글서치콘솔 연결하기! 플러그인으로 쉽게 등록 하는법 (0) | 2021.03.22 |