블로그스팟에서 글자 크기, 자간, 행간, 글씨체 변경하는 방법

가나톡ganaTOK
가나톡ganaTOK

블로그 스팟에서 글자 크기, 자간, 행간, 글씨체 변경하는 방법

워드 프레스나 티 스토리와 달리 블로그 스팟은 글자 크기, 간격, 글씨체 등을 조정할 수 있는 명확한 메뉴가 없는 단점이 있습니다. 하지만 간단한 코드를 추가하여 이 모든 것을 쉽게 수정할 수 있습니다. 아래에서 단계 별로 방법을 알아보겠습니다.


1단계: 테마  ->  HTML 편집기로 이동하기

  1. 테마 메뉴로 이동:

    • 블로그 스팟 관리자 페이지에서 테마를 클릭합니다.

    • "맞춤설정" 버튼 옆에 있는 드롭다운 화살표 (🔽)를 클릭한 후 HTML 편집을 선택하여 테마 편집기로 이동합니다.

2단계: 코드 블록 찾기

테마 편집기에 들어왔다면 컨트롤 f(Ctrl-F)를 눌러 찾기(find)를 활성화합니다. 그리고 }]]></b:skin>를 붙여 넣고 엔터 키를 눌러줍니다.

  1. 종료 태그 찾기:

    • Ctrl + F (Mac에서는 Cmd + F)를 눌러 검색 창을 엽니다.

    • }]]></b:skin>를 검색합니다. 이 태그는 코드 끝 부분 근처에 있습니다.

  2. 코드를 입력할 공간 만들기:

    • }]]></b:skin> 태그 앞에 커서를 놓고 Enter를 눌러 새로운 줄을 만듭니다. 약 세 줄 정도 띄우는 것이 좋습니다.

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; → 글자 크기를 설정합니다. 18px 대신 원하는 값을 입력하세요.

  • 자간: letter-spacing: 0.5px; → 글자 간격을 조정합니다.

  • 행간: line-height: 1.6; → 줄 간격을 조정합니다.

  • 글씨체: font-family: 'Noto Sans KR', sans-serif; → 글씨체를 설정합니다. Arial, Verdana, Times New Roman 등으로 변경 가능합니다.

  • 글자 색상: color: #333; → 글자 색상을 설정합니다. #333 대신 원하는 색상 코드나 색상 이름을 입력하세요.

  • 정렬: text-align: justify; → 텍스트 정렬을 설정합니다. left, right, center, justify 중 선택 가능합니다.

  • 단어 간격: word-spacing: 1px; → 단어 간격을 조정합니다.

4단계: 변경 내용 저장하기

  1. 코드를 추가한 후, 편집기 상단으로 스크롤하여 저장 버튼을 클릭하세요.

  2. 블로그를 확인하여 적용된 스타일을 확인합니다. 필요에 따라 값을 조정해보세요.

사용 가능한 글씨체 옵션

다음은 사용할 수 있는 글씨체 목록입니다:

  • Sans-serif 계열: Arial, Helvetica, Verdana, Tahoma, Roboto

  • Serif 계열: Times New Roman, Georgia, Garamond

  • Monospace 계열: Courier New, Consolas, Monaco

수정 전후 비교

수정 전과 후의 차이를 확인해 보세요. 가독성과 전체적인 디자인이 훨씬 개선된 것을 알 수 있습니다.

마무리

블로그 스팟에서 텍스트 관련 속성을 수정하는 과정이 다른 플랫폼보다 간단하지 않을 수 있지만, 이 가이드를 활용하면 블로그의 디자인을 쉽게 개선할 수 있습니다. 다양한 값과 스타일을 시도하여 독자들에게 최적의 디자인을 제공해보세요.

읽어주셔서 감사합니다! 즐거운 블로그 스타일링 되세요! 아트-센스였습니다.

Related Posts

로드 중…