브랜드에 맞게 사용자 지정 글꼴을 사용하여 사이트를 개인화하세요.

Squarespace에서 기본으로 제공되지 않는 글꼴을 사용하려면 사이트 스타일에서 이를 업로드하여 사이트 어디서든 사용할 수 있습니다. 이는 기본 제공 글꼴 옵션을 사용하지 않고도 브랜드의 개성을 강화할 수 있는 좋은 방법입니다.

사이트에서 글꼴을 사용하기 전에 글꼴 소유자 또는 라이선스 제공자로부터 필요한 사용 권한을 모두 확보해야 합니다. 자세한 내용은 모범 사례를 참고하세요. Squarespace의 기본 글꼴을 사용하려면 글꼴 변경 페이지를 방문하세요.

사용자 지정 글꼴 업로드

사용자 지정 글꼴 업로드 방법은 사이트 버전에 따라 다릅니다.

글꼴을 업로드하면 해당 글꼴이 모든 글꼴 조정 옵션에서 선택 가능한 항목으로 표시됩니다.

지원되는 파일 형식

다음 파일 형식 중 하나로 사용자 지정 글꼴을 업로드하세요.

• .otf
• .ttf
• .woff
• .woff2

사이트에서 사용자 지정 글꼴 사용하기

업로드한 사용자 지정 글꼴을 사용하려면 다음 단계를 따르세요.

1. 사이트 스타일에서 글꼴 조정 옵션을 찾은 다음 글꼴 드롭다운 메뉴를 클릭하세요.
2. 업로드한 글꼴은 업로드됨 섹션 아래에 표시됩니다. 목록에서 원하는 글꼴을 선택하거나 검색창을 사용해 찾으세요.

사용자 지정 글꼴 삭제

사용자 지정 글꼴을 삭제하려면 다음 단계를 따르세요.

1. 삭제하려는 글꼴이 사이트에서 사용 중이지 않은지 확인하세요. 해당 글꼴을 사용하는 설정을 다른 글꼴로 변경한 뒤 변경 사항을 저장하세요.
2. 사이트 스타일에서 글꼴 조정 옵션을 찾은 다음 글꼴 드롭다운 메뉴를 클릭하세요.
3. 업로드됨 옆에 있는 관리를 클릭하세요.
4. 글꼴과 그 모든 스타일을 삭제하려면 글꼴 이름 옆의 …을 클릭하세요. 글꼴의 특정 스타일만 삭제하려면 스타일 이름 옆의 X를 클릭하세요.

글꼴 라이선스 관련 모범 사례

참고: 이 모범 사례는 참고용 자료이며, 법적 조언이 아닙니다. 웹사이트나 비즈니스의 글꼴 라이선스와 관련하여 구체적인 지침이 필요한 경우 법률 전문가와 상담하는 것이 좋습니다.

사용자 지정 글꼴을 업로드하기 전에 사이트에서 사용할 권리와 권한을 보유하고 있는지 확인하세요. 글꼴은 일반적으로 글꼴 소유자(또는 파운드리)로부터 고객에게 직접 또는 통합 글꼴 라이선스 제공자를 통해 라이선스가 부여됩니다. 글꼴 라이선스 계약에는 글꼴을 사용할 수 있는 방법과 위치에 대한 세부 정보가 포함되어 있습니다. 라이선스 조건은 매우 다양하므로, 구매 주문서나 라이선스 계약서에 포함된 사용 요건과 제한 사항을 반드시 이해해야 합니다.

예를 들면 다음과 같습니다.

• 라이선스에 따라 특정 글꼴 그룹의 모든 글꼴을 사용할 수 있는 권한이 주어질 수도 있고, 해당 그룹 내의 개별 글꼴 하나만 사용할 수 있도록 제한될 수도 있습니다. 
• 일부 라이선스는 글꼴이 사용되는 사이트의 월 방문자 수에 따라 가격이 달라질 수 있습니다.
• 동적 웹 글꼴 서비스는 정적 자산이나 로고에 사용하는 경우와 다른 비용 또는 라이선스 구조를 가질 수 있습니다.

주의하세요. 사용자 지정 글꼴을 무료로 다운로드할 수 있더라도, 공급자가 사이트나 공개된 매체에서 사용하기 위해 ‌별도의 유료 라이선스를 요구할 수 있습니다.

사이트에 사용자 지정 글꼴을 업로드하기 전에 글꼴 제공자와의 계약서를 확인하세요. 글꼴 사용 목적에 필요한 모든 권리와 허가를 확보하는 것은 사용자의 책임입니다.

사용자 지정 Adobe Font 추가(버전 7.0 전용)

Squarespace 7.0 버전에서는 Adobe Fonts와의 통합 기능을 사용하여 사용자 지정 글꼴을 추가할 수 있습니다.

• 이 과정은 사이트 스타일의 기본 글꼴 옵션을 사용자 지정 프로젝트의 글꼴로 대체합니다. 사용자 지정 Adobe Fonts 프로젝트가 활성화되어 있는 동안에는 Squarespace의 Adobe Fonts를 사용할 수 없습니다.
• 사용자 지정 글꼴은 Adobe Creative Cloud 구독을 통해 사용할 수 있습니다. 구독하기 전에 Adobe Fonts가 포함된 요금제를 선택하세요.

1단계 - 웹 프로젝트 만들기 및 글꼴 추가

버전 7.0 사이트에 사용자 지정 글꼴을 추가하려면 먼저 Adobe에서 웹 프로젝트를 생성해야 합니다. Adobe Fonts 계정에 로그인한 다음 웹 프로젝트를 만드는 단계를 따르세요.

웹 프로젝트를 생성하면 사용자 지정 HTML 임베드 코드가 표시됩니다. 해당 코드는 필요하지 않으므로 사이트에 추가하지 마세요. 대신 다음 단계에서 더 짧은 프로젝트 ID를 사용하세요.

2단계 - Squarespace에 사용자 지정 글꼴 추가

웹 프로젝트에 필요한 모든 글꼴이 포함되면 프로젝트 ID를 사용하여 Squarespace 사이트에 추가하세요.

1. Adobe Fonts 계정에서 오른쪽 상단 모서리에 있는 내 Adobe Fonts를 클릭합니다.
2. 웹 프로젝트를 클릭한 다음 Squarespace에 추가하려는 프로젝트를 찾습니다.
3. 임베드 코드 위에 있는 문자와 숫자로 구성된 문자열인 프로젝트 ID를 복사합니다. 예시에 표시된 ID가 아닌 자신의 고유한 프로젝트 ID를 복사해야 합니다.

4. 개발자 도구 패널을 엽니다.
5. 외부 API 키를 클릭합니다.
6. Adobe Fonts 프로젝트 ID 상자까지 아래로 스크롤합니다.
7. Adobe에서 복사한 프로젝트 ID를 상자에 붙여넣습니다.
8. 저장을 클릭하세요.

3단계 - Adobe Fonts 사용

Adobe Fonts를 추가한 후에는 사이트의 텍스트에 적용할 수 있습니다. 웹 프로젝트의 글꼴은 사이트 스타일의 기본 글꼴을 대체합니다. 사용자 지정 Adobe Font를 빠르게 찾으려면 검색 상자에서 이름으로 검색하세요.

Adobe Fonts를 변경하는 경우 해당 변경 사항을 Squarespace에 반영하려면 다시 게시하세요. 자세히 알아보려면 Adobe 설명서를 참조하세요.

오류 메시지: 사이트 스타일에서 “지원되지 않는 글꼴”

이 메시지는 사이트에서 더 이상 지원되지 않는 Adobe Fonts 글꼴을 사용할 때 표시됩니다. 글꼴이 더 이상 지원되지 않으면 Squarespace에서 사용할 수 있는 가장 유사한 글꼴로 대체됩니다. 오류에 나열된 스타일 섹션을 검토하여 대체 글꼴을 승인하거나 변경하세요.

Adobe Fonts는 Adobe Fonts 페이지에서도 사용 중지된 글꼴을 제거합니다.

사용자 지정 Adobe Fonts가 사이트에 표시되지 않습니다

일부 특수 문자가 제대로 표시되지 않으면 프로젝트 ID를 Squarespace에 추가하기 전에 웹 프로젝트를 편집하고 모든 문자를 선택하세요.

글꼴이 하나도 표시되지 않으면 사이트에 JavaScript가 있는지 확인하세요. Adobe Fonts의 JavaScript 메서드를 사용하여 사이트에 글꼴을 추가한 적이 있다면 글꼴이 제대로 로드되지 않을 수 있습니다. JavaScript를 제거하고 위의 단계에 따라 Adobe Fonts를 추가하세요.

지원을 받을 수 있는 곳

Adobe Fonts 프로젝트 ID를 추가하는 데 문제가 있거나 Adobe Fonts가 사이트에 표시되지 않는 경우 문의해 주시면 문제 해결을 도와드리겠습니다. Adobe Fonts 사용에 대한 기타 모든 질문은 Adobe에 문의하거나 Adobe 설명서를 참조하세요.