티스토리 인용구
티스토리 사용하다 보면 인용구가
마음에 안 들 때가 많습니다. 이런
부분을 html을 이용해서 수정이
가능한데요.
이번 포스팅에서는 인용구를 본인
취향에 맞게 변경하는 방법에 대해
알아보겠습니다.
문제점
인용구를 사용하고 싶은데
뭔가 강조도 잘 안되고 눈에
들어오지도 않아 손에 잘
안 가곤 합니다.
거기에 임의로 변경도 되지
않아 더더욱 사용이 어렵죠.
CSS 편집
티스토리 -> 관리를 선택합니다.
스킨 편집->html편집으로 들어가 주세요.
CSS에서 blockquote를
검색합니다. 여기에 있는
부분을 고치고 추가해서
인용구를 변경해 보겠습니다.
바꾸는 방법은 여러 가지겠지만
제가 추가하고 바꾼 부분은
이렇습니다.
| 입력 | 설명 |
| font-family: 'GangwonEduPowerExtraBoldA'; | 인용구에 사용할 폰트 |
| font-size: 1.7em; | 인용구 폰트 사이즈 |
| padding: 15px 10px 0px 10px; | 폰트를 둘러싼 여백 차례대로 위/오른쪽/아래/왼쪽 |
| border-left: 20px solid #EB2E01; | 좌측 선 크기 |
| border-bottom: 2px solid #EB2E01; | 아래쪽 선 크기 |
티스토리 블로그 눈누 사이트 이용 기본 서체 폰트 변경
티스토리 블로그 기본 폰트 티스토리 블로그는 HTML을 사용하는 게 익숙해져야 설정을 원하는 대로 할 수가 있습니다. 기본 폰트 변경도 그중 한 가지인데요. 기본 서체의 가독성이 떨어지고 디
gwsuit.tistory.com
폰트 변경에 관한 부분은 해당
글을 참고해 주세요.
결과 비교
기본 인용구와 바뀐 인용구의
비교입니다. 이렇게 원하는 형태로
변경하면 눈에 훨씬 더 잘 들어오죠.
'IT정보 > 블로그운영정보' 카테고리의 다른 글
| 티스토리 기본 모바일 웹 대신 모바일 스킨을 사용해야 하는 이유 (0) | 2023.02.09 |
|---|---|
| 티스토리 본문 글자 크기 변경 방법 (0) | 2023.02.08 |
| 티스토리 북클럽 본문 상단 이미지 제거 하는 방법 (0) | 2023.01.27 |
| 티스토리 블로그 구글 검색 노출 방법 구글 서치 콘솔 (1) | 2023.01.26 |
| 티스토리 블로그 눈누 사이트 이용 기본 서체 폰트 변경 (0) | 2023.01.02 |
댓글