버전 7.0 사이트의 경우 최소 및 최대 글꼴 크기를 설정할 수 있습니다.

모든 Squarespace 템플릿에는 화면 크기에 맞게 텍스트를 최적화하는 반응형 디자인이 내장되어 있습니다. 일부 템플릿은 제목, 표제 요소, 기타 주요 텍스트의 최대 및 최소 크기를 수동으로 설정하여 글꼴 크기를 세밀하게 조정할 수 있는 기능을 제공합니다.

예를 들어, 표제 요소 1을 12픽셀에서 25픽셀 사이로 크기 조정하도록 설정할 수 있습니다. 모바일 기기와 같은 작은 브라우저에서는 머리말의 최소 크기가 12픽셀이 됩니다. 와이드스크린 모니터처럼 큰 브라우저에서는 머리말이 최대 25픽셀까지 확대되지만 그 이상 커지지는 않습니다. 일반적으로 머리말은 이 두 글꼴 크기 사이 어딘가에서 표시됩니다.

이러한 규칙은 다음 템플릿 그룹에서 설정할 수 있습니다.

• Skye
• Tremont
• York

이 가이드는 위에 나열된 버전 7.0 템플릿을 위한 것입니다. 버전 7.1 및 기타 7.0 템플릿 그룹에서 텍스트 크기 조정에 대해 더 알아보려면 텍스트 서식 지정을 방문하세요.

시작하기 전에

• 최적의 디스플레이를 위해 각 머리말의 최소 글꼴 크기가 본문 텍스트 글꼴 크기보다 크도록 설정하세요.
• 본문 텍스트와 같은 일부 텍스트는 수동으로 크기 조정할 수 없습니다.
• 긴 단어는 끊어지지 않습니다. 작은 공간(예: 블로그 그리드 섬네일 타일)에 긴 단어가 표시되면 단어 끝이 잘릴 수 있습니다. 이런 경우, 최대 글꼴 크기를 줄여 모든 단어가 컨테이너에 맞게 표시되도록 하세요.
• 모바일 사이트가 제대로 작동하지 않는 경우, 최소 글꼴 크기를 줄여보세요.
• 사이트 텍스트 스타일 지정에 대한 일반적인 도움말은 글꼴 변경을 참조하세요.

글꼴 크기 조정 설정

텍스트의 최대 및 최소 크기를 수동으로 설정하려면 다음 단계를 따르세요.

1. 사이트에 로그인한 후 크기를 조정하려는 텍스트가 포함된 페이지(예: 표제 요소 1 텍스트)로 이동하세요.
2. 사이트 스타일 패널을 여세요.
3. York 그룹에서는 해당 텍스트 유형에 대해 크기 조정 조정 항목이 선택되어 있는지 확인하세요. 예를 들어, 표제 요소 1 텍스트에 대해 크기 조정을 활성화하려면 표제 요소 1 크기 조정 조정 항목을 선택하세요. 다른 모든 템플릿의 경우 다음 단계로 건너뛰세요.
4. 해당 텍스트 유형의 글꼴 조정 항목(예: 표제 요소 1 글꼴)을 클릭한 다음 글꼴 크기 슬라이더를 사용하여 최대 글꼴 크기를 설정하세요.
5. 최소 조정 항목을 사용해 해당 텍스트 유형의 최소 글꼴 크기(예: 표제 요소 1 최소)를 설정하세요. 글꼴은 모바일 기기에서도 이 크기보다 작게 표시되지 않습니다.
6. 변경 사항을 적용하려면 저장을 클릭하세요.

글꼴 크기 조정 미리 보기

최대 및 최소 글꼴 크기를 미리 볼 때 최상의 결과를 얻으려면, 컴퓨터에서 글꼴 크기를 편집하면서 스마트폰으로 사이트를 열어 확인하세요. 사이트 스타일 변경 사항을 저장할 때마다 스마트폰 화면을 새로 고침하세요. 이 방법이 다양한 장치에서 사이트가 어떻게 보이는지 가장 정확하게 확인할 수 있는 방법입니다.

참고: 기기 화면 보기는 항상 정확하게 크기 조정된 글꼴을 보여주지는 않습니다. 하지만 기기 화면 보기에서 표시되는 스타일 하이라이터 상자 안에 텍스트가 들어가 있다면, 일반적으로 모바일 기기에서도 잘 표시됩니다.

템플릿별 조정

사용 가능한 전체 조정 항목 목록은 템플릿 가이드를 참조하세요.

• Skye
• Tremont
• York