가이드/스타일/글꼴 크기 변경

글꼴 크기 변경

이 가이드에서는 텍스트 블록의 글꼴 크기를 조정하고, 기본 글꼴 크기 사전 설정을 업데이트하고, 사이트의 타이포그라피에 적용할 수 있는 고유한 사용자 정의 사전 설정을 생성하는 방법을 알아봅니다.

특정 콘텐츠의 글꼴 크기 조정

텍스트 블록의 글꼴 크기를 변경하여 가독성을 향상시키거나 사이트 디자인과 일치시킬 수 있습니다. 개별 블록의 글꼴 크기를 조정하려면 다음 단계를 따르세요.

  1. 편집할 텍스트 블록을 클릭합니다(예: 문단, 제목 또는 목록 블록).
  2. 블록 설정 사이드바에서 “테두리” 섹션을 찾습니다.
  3. 사전 설정 목록에서 글꼴 크기 (예: small, medium, large)를 선택하거나 “사용자 정의 크기 설정” 아이콘을 클릭하여 특정 값을 입력합니다.
    • 사전 설정은 사이트 전체에서 텍스트를 일관되게 유지하는 데 도움이 되는 작은 글꼴 또는 큰 글꼴 크기 옵션입니다.
  4. 기본적으로 크기는 픽셀 단위로 측정됩니다. px 텍스트를 클릭하여 측정 단위를 변경합니다. 측정 단위에 대해 자세히 알아보세요.
  5. 변경사항을 미리보기하거나 오른쪽 상단의 저장 버튼을 클릭하여 적용하세요.
사용자 정의 크기 설정 아이콘 선택됨 및 사용자 정의 크기를 입력할 수 있는 필드를 가리키는 화살표.

💡

알림판의 디자인편집기에서 스타일 옵션을 통해 특정 블록의 기본 설정을 변경할 수도 있습니다 .

사이트의 글꼴 크기 조정

다음 단계에 따라 전체 사이트에서 요소의 기본 글꼴 크기를 조정할 수 있습니다.

  1. 알림판에서 디자인 → 편집기로 이동합니다.
  2. 왼쪽 메뉴에서 스타일을 선택합니다.
    • 편집기에서 오른쪽 상단의 스타일 아이콘(흑백 원 모양)을 선택해도 됩니다.
  3. 타이포그라피를 클릭하여 사이트의 요소에 대한 기본 글꼴 크기를 편집합니다.
  4. 요소 섹션 아래에서 다음 중 하나를 선택합니다.
    • 텍스트
    • 링크
    • 헤딩요소
    • 캡션
    • 버튼
  5. 사전 설정 목록에서 글꼴 크기(예: 작음, 중간, 큼)를 선택하거나 “사용자 정의 크기 설정” 아이콘을 클릭하여 특정 값을 입력합니다.
  6. 변경 검토“를 클릭하거나 저장을 클릭하여 변경 사항을 적용합니다.
다른 텍스트 요소 옵션이 강조 표시된 편집기의 스타일 타이포그라피 섹션.

글꼴 크기 사전 설정 편집

사전 설정은 사이트 전체에서 텍스트를 일관되게 유지하는 데 도움이 되는 작은 글꼴 또는 큰 글꼴 크기 옵션입니다. 사이트의 글꼴 크기 사전 설정 값을 변경하는 단계는 다음과 같습니다.

  1. 사이트의 알림판에서 디자인 → 편집기로 이동합니다.
  2. 스타일 메뉴 옵션을 클릭합니다.
  3. 타이포그라피” 옵션을 선택합니다.
  4. 패널 하단에서 “글꼴 크기 사전 설정“을 클릭합니다.
  5. 사전 설정된 글꼴 크기(예: 작음, 중간, 큼)를 선택합니다.
  6. 크기 상자에 원하는 값을 입력하고 단위(px, em, rem, vh 또는 vw)를 선택합니다.
    • 유동형 타이포그라피” 옵션을 활성화하여 화면 또는 뷰포트에 따라 글꼴 크기를 동적으로 조정할 수 있습니다.
    • 선택적으로 “사용자 정의 유동 값“을 활성화하여 유동형 글꼴 크기에 대한 사용자 정의 최소 및 최대 값을 설정합니다.
  7. 변경 검토“를 클릭하거나 저장을 클릭하여 변경 사항을 적용합니다.
타이포그라피 설정의 글꼴 크기 사전 설정 옵션입니다.

새 글꼴 크기 사전 설정 만들기

쉽게 재사용할 수 있도록 사용자 정의 글꼴 크기 사전 설정을 추가하려면 다음 단계를 따르세요.

  1. 사이트의 알림판에서 디자인 → 편집기로 이동합니다.
  2. 스타일 메뉴 옵션을 클릭합니다.
  3. 타이포그라피” 옵션을 선택합니다.
  4. 패널 하단에서 “글꼴 크기 사전 설정” 옵션을 클릭합니다.
  5. 사용자 정의 옆에 있는 더하기(+) 기호를 클릭합니다. 새 글꼴 크기 사전 설정이 “새 글꼴 크기 1″과 같은 기본 이름으로 표시됩니다.
  6. 새 사전 설정 글꼴 크기를 선택합니다.
  7. 오른쪽 상단의 줄임표() 아이콘을 클릭하고 이름 바꾸기를 선택하여 사전 설정에 설명 이름을 지정합니다.
  8. 크기 상자에 원하는 값을 입력하고 단위(px, em, rem, vh 또는 vw)를 선택합니다.
    • 유동형 타이포그라피” 옵션을 활성화하여 화면 또는 뷰포트에 따라 글꼴 크기를 동적으로 조정할 수 있습니다.
    • 선택적으로 “사용자 정의 유동 값“을 활성화하여 유동형 글꼴 크기에 대한 사용자 정의 최소 및 최대 값을 설정합니다.
  9. 변경 검토“를 클릭하거나 저장을 클릭하여 변경 사항을 적용합니다.
사용자 정의 글꼴 크기 사전 설정의 기본 설정.

새 글꼴 크기 사전 설정을 이제 사이트 전체의 타이포그라피 설정에서 사용하여 일관된 스타일을 설정할 수 있습니다.

Copied to clipboard!