본문 바로가기
수익형 블로그 챌린지/티스토리 꾸미기

티스토리 북클럽 블로그 이름 편집

by 빅픽쳐 2022. 11. 4.

섬네일: 블로그 이름- 폰트 & 크기 간단편집

 

 

티스토리 사용 시 블로그 이름은 첫인상을 안겨주기 때문에 정말 중요하다. PC 화면에서는 대부분 제목이 잘 보이는 데 반해 모바일로 보면 글씨 자체가 잘리거나 너무 크게 나와서 보기에 안 좋을 수가 있다. 하지만 이 부분도 CSS 편집을 통해서 간단하게 수정이 가능하다.

 

 

 

 북클럽 스킨 사용 시 블로그 제목 편집 방법

 

블로그 제목 편집 전 & 후
블로그 제목 편집 전 & 후

 

 

위 화면에서 보이는 거와 같이 블로그 제목이 너무 크게 자리 잡고 있다. 이때 기본적으로 적용된 폰트의 서식이 마음에 들지 않을 경우 구글 검색을 통해서 (구글 웹폰트) 원하는 폰트로 수정시킬 수 있다.

 

 

 

구글 웹폰트 검색화면

 

 
 

구글 웹폰트 스타일 사용

 

 

블로그 관리 홈꾸미기 스킨 편집으로 들어가서 html 편집 CSS를 눌러준다.

 

 

CSS 폰트 수정화면

 

 

화면에서 보이는 거와 같이 22번째에 웹 폰트 관련된 내용들을 확인할 수 있다. 이곳에다가 앞서 구글 검색 통해 얻어낸 '@import url~ 부분'을 붙여 넣기 해준다.

 

 

CSS 폰트 크기 두께 수정화면

 

 

그다음 127번 근처 #header h1 태그의 font-family: 부분을 수정해준다. 그리고 글자 크기도 변경해주어야 하는데 font-weight폰트의 두께, font-size폰트의 크기를 의미한다. 예를 들어, font-weight는 700;으로 font-size는 1.50em;으로 변경했지만, 본인이 원하는 형태로 변경한 뒤 적용해주면 된다

 

이제 모바일 화면에서도 겹치지 않고 잘 보이는 것을 확인할 수 있다. 

 

 

 

스크롤바 하나로 나도 전문 블로거!

최근 HTML/CSS를 활용한 티스토리 꾸미기를 시도해보는 재미에 푹 빠져있다. 특히 다른 분들의 티스토리에 들어가면 초보인 나의 페이지와 다른 점들이 하나씩 눈에 뜨이게 발견되는데, 그 부분이

chalchalchallenge.tistory.com

 

간단 티스토리 꾸미기 - 본문 드래그 색상 변경

아주 간단한 수정으로 본문 내용을 드래그했을 때 강조할 수 있는 방법이 있다. 이는 독자가 글을 읽을 때 가독성을 높여주고 무의식적으로 글씨를 드래그하면서 읽을 때 재미를 더해 준다. 드

chalchalchallenge.tistory.com

 

 

 

댓글