본문 바로가기

취미/티스토리 꾸미기

[티스토리] 글자체 변경하기

반응형

 

 

 

안녕하세요. 취업한 공대누나입니다.

오늘부터는 제 티스토리 블로그도 좀 꾸며 보려고 합니다.

원래 공부같은거 필기할 때 예쁘게 하는 걸 좋아하는데,  티스토리는 그냥 대충 정리식으로만 올리고 있었습니다.

나름 티스토리도 제게 노트 필기와 같이 공부하는 곳인데 말이죠.

가독성과 예쁘게 정리되어 있으면 눈길이 한 번이라도 더 가더라구요.

오늘부터 천천히 다루는 방법을 익혀가보려고 합니다.

제가 다시 복습 겸 공부할 때도, 보시는 분들도 더 편해질 것 같습니다.

저처럼 처음 블로그를 꾸미기 원하시는 분들은 같이 해보시면 좋을 것 같아요.

 

우선 글자체부터 변경해보도록 하겠습니다.

 

우선 웹을 통해서 보는 제 글자체는 아래와 같습니다.

정직한 글자체이긴 하지만 괜히 마음에 들지가 않습니다.

많은 사람들이 사용한다는 [나눔 고딕]으로 바꿔보도록 하겠습니다.

 

1) 우선 아래 사이트에 접속을 합니다.

fonts.google.com/earlyaccess

 

Google Fonts

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

fonts.google.com

2) Korean의 Nanum Gothic을 클릭합니다.

3) Select this style을 눌러줍니다.

 

그리고 import 부분을 선택하여 나오는 부분을 복사 해줍니다.

 

4) 이제 티스토리 블로그로 돌아갑니다.

꾸미기 -> 스킨 편집 -> html 편집에 들어갑니다.

5) 아래 위치에 복사한 것을 붙여넣습니다.

6) 이번엔 구글 폰트 화면에서 CSS 라고 되어 있는 것을 복사합니다.

7) HTML TAB에서 CSS TAB으로 이동을 합니다.

그리고 방금 복사한 것을 아래의 위치에 붙여넣어줍니다.

 

 

이렇게 변경한 후에 꼭 적용 버튼을 눌러주시기 바랍니다.

 

이렇게 하면 글자체 변경은 끝이 납니다.

 

사실 저처럼 기본 글자체에서 나눔 고딕으로 변경해봤자 전과 후의 차이가 크게 다르지는 않습니다.

하지만 이번에 방법을 익혔으니 원하는 글자체가 있을 때 이제는 내가 원하는대로 변경을 할 수 있습니다.

이렇게 차근차근 하나씩 블로그를 꾸며가보려고 합니다.

 

당분간은 Tistory 꾸미는 것과 전공 관련 공부를 하며 블로그의 내용을 채워보도록 하겠습니다.

다음 시간에는 글자 크기 변경하는 방법을 다뤄보도록 하겠습니다.

나름 패기있게 HTML5와 CSS3 책도 구매하긴 했는데 쓸모가 있을지는 아직까지 잘 모르겠습니다 ㅎㅎ;

감사합니다. 

반응형