블로그스팟 글자크기, 자간, 행간, 글자간격, 글씨체 수정하기
블로그스팟 본문 글자크기 수정하기
우리는 블로그글을 통해 정보를 제공하기에 본문의 글자크기는 가시성 측면에서 아주 중요합니다. 블로그 스팟은 테마의 디자인에 따라 글자크기가 다를 수 있으나 자신이 원하는 폰트크기, 서체를 지정할 수 있습니다.
그럼 직접 테마 파일속으로 들어가 편집하여 자신에게 맞는 맞춤 서체, 글자크기를 지정해 보겠습니다.
1. 테마 > HTML 편집
블로그스팟 관리자 페이지는 왼쪽에 있습니다. 여기서 '테마'를 누르면 아래와 같은 '맞춤설정' 창이 뜹니다.
이어서 맞춤설정 옆 화살표(🔽)를 누릅니다.
이어서 맞춤설정 옆 화살표(🔽)를 누릅니다.
백업,복원등 펼쳐진 메뉴에서 HTML 편집를 선택(눌러)하여 블로그스팟 테마 편집기로 이동합니다.
2. ]]></b:skin> 찾기
테마 편집기에 들어왔다면 HTML문서안에 마우스를 클릭하고 컨트롤(Ctrl)+F키를 눌러서 찾기(Find)를 활성화 시킵니다. 이 활성화는 HTML문서의 왼쪽 상단에 입력이 가능한 글씨창이 나타납니다.
여기에 우리는 찾기를 원하는 다음 문자 ]]></b:skin> 를 붙여넣고 엔터키를 누룹니다. 이렇게 ]]></b:skin> 를 붙여넣고 엔터키를 치게 되면 검색된 해당 문자들은 노란색으로 배경이 표시되어 쉽게 찾을 수 있습니다.
이제 이렇게 찾은 ]]></b:skin> 문자 앞에 우리가 바꾸기를 원하는 '글자크기, 자간, 행간, 글자간격, 글씨체등' 변경할 코드를 복사해서 붙여 넣는 것입니다.
- 찾은 문자앞에 커저를 두고 앤터키를 몇번 쳐 공간을 확보합니다.
- 다음에 코드를 선택(Ctrl)-C, 붙이기(Ctrl)-V합니다.
3. 본문 글자크기, 자간, 행간등 코드 넣기
코드 넣을 위치를 찾았다면 아래코드를 복사해서 붙여넣기를 합니다.
.single .entry-content {
font-size: 18px !important;
letter-spacing: 0.5px;
line-height: 1.6;
font-family: 'Noto Sans KR', sans-serif;
color: #333;
text-align: justify;
word-spacing: 1px;
}이 코드는 다음과 같은 의미를 가집니다.
- 글자 크기 ➡️ font-size: 18px !important;
- 자간 ➡️ letter-spacing: 0.5px;
- 행간 ➡️ line-height: 1.6;
- 글자체 ➡️ font-family: 'Noto Sans KR', sans-serif;
- 글자 색깔 ➡️ color: #333;
- 글자 정렬 ➡️ text-align: justify;
- 단어 간격 ➡️ word-spacing: 1px;
여기서 자신에게 필요한 부분만 선택해서 복사하고 붙이기를 합니다. 예를 들어 저는 이렇게 선택해서 붙이기를 하겠습니다.
.single .entry-content {
font-size: 18px !important;/*글자 크기*/
letter-spacing: 0.5px;/* 자간 조정*/
line-height: 1.6;
font-family: 'Noto Sans KR', sans-serif;
color: #333;
text-align: justify;
word-spacing: 1px;
}두개만 선택하고 나머지를 삭제하고 복사, 붙이기합니다. 여러분은 각자 선택하십시요.
그럼 마지막으로 결과를 여러분이 확인하실 수 있조. 본문의 글자는 독자들의 가독성을 높여주는 우리들의 배려입니다. 자신의 원하기보다 독자가 원하는 폰트크기를 정해 주시면 멋진 블로그 시간이 될것 같습니다. 오늘도 블로소득을 보고 따라했습니다. 감사합니다.
댓글 쓰기