Studio 에디터: 사이트 타이포그래피 작업하기

3 분 분량
사이트 타이포그래픽 사이트 전체에 사용되는 텍스트를 나타냅니다. 이는 글꼴 스타일과 텍스트 스타일로 구분되며, 원하는 디자인에 맞게 개별적으로 사용자 지정할 수 있습니다.
다음 도움말을 참고하세요.

글꼴 및 텍스트 스타일

글꼴 섹션에는 사이트의 텍스트 스타일에 사용 중인 모든 글꼴이 표시됩니다. 글꼴 섹션에서 글꼴을 변경하면, 이전 글꼴을 사용 중인 모든 텍스트 스타일이 자동으로 업데이트됩니다. 
텍스트 스타일은 사이트에서 사용되는 개별 텍스트 유형(예: 제목 2, 단락 1)을 나타냅니다. 
도움말:
H1 - H6은 이러한 제목에 자동으로 지정되는 제목 태그입니다. 제목 태그에 따라 제목의 하향식 계층 구조를 유지하면, SEO와 접근성 모두에 도움이 됩니다. 

사이트 타이포그래피 업데이트하기

사이트 글꼴을 변경하거나 9개의 개별 텍스트 스타일(6개의 제목, 3개의 단락)의 디자인을 조정할 수 있습니다.   

타이포그래피를 업데이트하려면:

  1. 에디터 왼쪽에서 사이트 스타일을 클릭합니다.
  2. 타이포그래피 탭을 클릭합니다.
  3. 글꼴 또는 텍스트 스타일 중 사용자 지정할 항목을 선택합니다.
    • 글꼴:
      1. 글꼴 아래에서 업데이트할 글꼴을 클릭합니다.
      2. 드롭다운에서 새 글꼴을 선택합니다.
      3. 업데이트를 클릭해 새 글꼴을 적용합니다.
    • 텍스트 스타일:
      1. 텍스트 스타일 아래에서 해당 텍스트에 마우스오버한 후 추가 작업 아이콘 클릭합니다.
      2. 편집을 클릭합니다.
      3. 원하는대로 텍스트 스타일을 사용자 지정합니다.
        • 드롭다운에서 새 글꼴을 선택합니다.
        • 글꼴 크기를 선택합니다.
        • 모든 화면 크기에서 이상적으로 보이도록 텍스트 크기 비례적으로 조정합니다.
          • 최대 및 최소 크기를 px(픽셀) 단위로 설정합니다.
        • 텍스트를 굵게 또는 기울임꼴로 표시합니다.
        • 줄 및 글자 간격을 설정합니다.
        • 텍스트 색상을 선택합니다.
      4. 왼쪽 상단에서 화살표를 클릭해 메인 창으로 돌아갑니다.
사이트 스타일 패널에서 제목 6에 대한 텍스트 편집 옵션이 열려 있습니다. 커서가 텍스트 비율 변경 버튼을 활성화하고 있습니다.

페이지에 텍스트 스타일 적용하기

테마 제목과 단락은 요소 추가 패널에서 사용할 수 있습니다. 텍스트를 클릭한 후 텍스트 테마 아래에서 해당 스타일을 원하는 위치로 끌어다 놓습니다. 
요소 추가 패널에서 사용할 수 있는 텍스트 테마의 스크린샷. 테마 텍스트 부제목이 강조 표시되어 있습니다.

텍스트 요소에 스타일 적용하기

페이지의 기존 텍스트 요소에 스타일을 적용할 수도 있습니다. 요소에서 텍스트 편집을 클릭한 후 속성 패널에서 드롭다운을 클릭해 관련 스타일을 선택합니다. 
속성 패널의 잘린 디자인 섹션 스크린샷. 스타일 드롭다운이 강조 표시되어 있습니다.

텍스트 스타일 재정의하기

스타일(테마)을 선택한 후 텍스트 요소의 디자인을 변경하면 "디자인 재정의"가 생성됩니다. 이는 선택한 스타일의 업데이트 사항이 해당 텍스트 요소에 적용되지 않음을 의미합니다. 
재정의가 적용된 텍스트 요소를 원래 스타일로 재설정할 수 있습니다. 또한, 스타일 자체에 원하는 재정의를 적용할 수도 있습니다. 스타일에 마우스오버한 후 추가 작업undefined 아이콘을 클릭해 원하는 작업을 선택합니다.
속성 내 텍스트의 디자인 탭입니다. 커서를 텍스트 스타일에서 초기화 옵션에 마우스오버하고 있습니다.

도움이 되었나요?

|