학습 내용
Google이나 Adobe에서 호스팅하지 않는 글꼴을 전자상거래 사이트에 업로드하여 Klaviyo 가입 양식으로 가져오는 방법을 알아보세요. 가입 양식에 가져온 글꼴을 사용하려는 경우, 다음의 두 가지 옵션이 있습니다.
- 웹사이트에서 호스팅되는 공개 글꼴을 사용합니다.
- 나만의 글꼴을 공개적으로 호스팅하고 URL을 사용하여 가입 양식으로 글꼴을 가져옵니다.
웹사이트 글꼴 사용
사이트의 공개 URL을 통해 Klaviyo에 글꼴을 업로드하여 시작할 수 있습니다.
사용자 정의 글꼴을 호스팅하는 이 방법은 Shopify 스토어에서는 지원하지 않습니다.
- 사이트로 이동합니다.
- 인터넷 브라우저에 따라 마우스 오른쪽 버튼을 클릭하여 검사 또는 요소 검사를 선택합니다.
- 거기에서 네트워크 > 글꼴로 이동합니다.
- 페이지를 새로 고칩니다.
모든 글꼴이 나열됩니다. 글꼴 이름이 채워지는 대신 숫자와 문자로 이루어진 문자열이 표시되는 경우, 미리보기 탭을 선택하여 가입 양식에 사용할 글꼴을 결정합니다. - 이름에서 가져오려는 글꼴을 클릭합니다.
- 헤더 탭을 선택합니다.
- 사용하려는 글꼴의 URL을 복사합니다.
- Klaviyo에서 콘텐츠 > 이미지 및 브랜드 > 글꼴로 이동합니다 .
- 글꼴 가져오기를 선택합니다.
- 소스 주소에 URL을 붙여넣어 사용자 지정 글꼴을 업로드합니다.
자체 호스팅 글꼴 업로드하기
먼저 글꼴이 아직 온라인에 공개적으로 호스팅되지 않은 경우 사용하려는 글꼴을 컴퓨터에 다운로드합니다. Klaviyo에서 사용하려면 파일 형식이 WOFF, WOFF2, TTF, EOT 또는 SVG여야 한다는 점에 유의하세요. 또한, 인터넷에서 글꼴 파일을 다운로드할 때는 멀웨어가 포함되어 있을 수 있으므로 주의하세요. 이후 단계는 다음과 같습니다.
- 전자상거래 사이트의 애셋에 글꼴을 업로드합니다. 사이트의 코드 내에서 이 작업을 수행해야 합니다.
- 해당 사항을 저장합니다.
사이트에 애셋을 추가하는 방법에 대한 자세한 내용은 각 전자상거래 플랫폼의 고객센터에서 확인할 수 있습니다.
URL을 받은 후 Klaviyo로 돌아가 콘텐츠 > 이미지 및 브랜드 > 글꼴을 선택합니다. 여기에서 글꼴 가져오기 탭을 클릭하여 글꼴을 가져옵니다.
Klaviyo.js의 영향을 받는 사이트 글꼴
Klaviyo 활성 사이트 트래킹(Klaviyo.js)은 수동으로 설치하거나 전자상거래 통합을 통해 설치해야 웹사이트에 Klaviyo 가입 양식을 게시할 수 있습니다. 일부 글꼴 변형만 로드했다면 Klaviyo.js는 사이트에 삽입될 때 라이브러리에 남은 변형을 로드합니다. 이 과정에서 사이트 헤더의 가중치가 변경되는 등 사이트의 글꼴이 약간 편집될 수 있습니다.
Klaviyo.js에 의해 글꼴이 변경된 경우 이를 해결하는 두 가지 옵션이 있습니다. 다음 중 하나를 선택할 수 있습니다.
- Klaviyo 글꼴 라이브러리에서 관련 글꼴을 삭제합니다.
- 사이트 헤더의 CSS를 업데이트하여 Klaviyo.js가 추가 변형을 로드할 때 덮어쓰지 않도록 합니다.
이 옵션을 사용하려면 CSS에 대한 심층적인 지식이 필요하므로 개발자의 도움이 필요할 수 있습니다. Klaviyo는 사이트의 CSS 조정을 직접 지원해 드릴 수는 없지만, 방대한 파트너 네트워크를 보유하고 있습니다.
추가 리소스