본문 바로가기
티스토리블로그 초급

블로그 기본 글씨체와 글자크기 글자색 변경 기본글쓰기 팁

by thasa 2020. 11. 27.

블로그 기본 글씨체와 글자크기 글자색 변경 및 기본 글쓰기 팁

기본 글씨 변경하기

 

 

 

요즘 검색을 대부분 모바일로 하기 때문에 모바일 환경에서 내 블로그가 어떻게 보이는지가 중요하다고 여러 번 강조했는데요. 티스토리 블로그에 글을 작성하고 나면 기본 글씨체가 가독성이 떨어져서 글을 작성할 때마다 글씨체를 변경해 줘야 하는 불편함이 있습니다.

 

기본 글씨체를 내가 평소에 자주 사용하는 글씨체로 변경을 해놓으면 이런 번거로움을 해결할 수 있습니다. 그리고 티스토리 블로그 글씨가 기본적으로 색이 회색으로 되어있어 모바일로 봤을 때 가독성이 많이 떨어지는데요. 글씨 색과 크기도 변경해주면 가독성을 높일 수 있습니다.

 

 

 

css 변경

 

관리자모드-> 스킨 편집-> html 편집 -> css로 들어가 줍니다.

30번 라인에 폰트 글씨체가 있는데 저는 깔끔한 고딕체가 좋아서 Gothic으로 변경해서 입력했습니다. 자신이 원하는 글씨체가 있다면 그 이름을 넣어 주시면 됩니다. 그 밑에 폰트 사이즈를 1.05em으로 설정했는데요 더 크게 하고 싶으면 수치를 늘려주면 됩니다.

 

 

마지막으로 33번 라인 컬러 부분을 #000으로 변경해주면 기본 글씨 색이 검은색으로 변경됩니다.

 

 

 

 

글씨 크기 변경하는 방법

 

티스토리는 기본적으로 글 작성할 때 사용자가 글씨 사이즈를 수치로 변경할 수 없게 되어있고 이렇게 제목 부분을 누르면 제목 1은 제일 크고 굵은 글씨 제목 2는 조금 더 작은 글씨 이런 식으로 글자 크기를 변경할 수 있게 되어있으므로 글씨 크기를 키우거나 강조하고 싶을 때는 사용해보세요.

 

 

 

미리보기및 맞춤법 검사

 

글 작성 화면에서 왼쪽 하단을 보면 미리보기와 맞춤법 검사가 있습니다. 글을 발행하기 전에 꼭 맞춤법 검사를 통해서 오타나 띄어쓰기 등을 체크해주세요. 조금 더 글의 완성도를 높임으로써 검색도 잘되고 사용자에게도 신뢰를 줄 수 있습니다.

 

 

모바일이나 다른 기기에서 우리가 작성한 글이 잘 보이고 있는지 확인하기 위해서 미리보기를 눌러줍니다.

 

 

 

미리보기에서 모바일환경에서의 내글을 확인할수 있다.

 

 

 

미리보기를 누르면 중앙 상단에 각 핸드폰 모델마다 내 글이 어떻게 보이는지 눌러서 확인해 볼 수 있습니다.

 

 

 

 

아이폰 플러스 화면

 

제가 쓰는 핸드폰인 아이폰 플러스 화면으로 설정 후 확인해보았습니다. 보시다시피 PC에서는 3줄밖에 안 되는 글이 모바일에서는 가로폭이 훨씬 작기 때문에 굉장히 많은 글씨들로 채워지는 것을 볼 수 있습니다. 이런 경우에 글이 너무 길게 되면 가독성이 떨어지기 때문에 적당히 문단을 나누어 주는 것도 좋습니다.

 

 

이렇게 모바일 화면도 체크하면서 글을 수정하신 후에 발행하신다면 좀 더 가독성이 좋게 글을 작성할 수 있습니다.

댓글