PageFly 무료 플랜에서도 나만의 폰트를 업로드하여 페이지 디자인에 활용할 수 있습니다. Google Fonts에 없는 일본어 폰트나 브랜드 고유의 폰트가 필요할 때 유용하게 쓰일 수 있습니다.

지원하는 폰트 형식

PageFly는 다음과 같은 4가지 폰트 형식을 지원합니다.

  • .TTF (TrueType Font)
  • .OTF (OpenType Font)
  • .WOFF (Web Open Font Format)
  • .WOFF2 (Web Open Font Format 2)

업로드한 폰트는 자동으로 WOFF2로 변환됩니다. WOFF2는 웹 폰트 형식 중 압축률이 가장 뛰어나므로, 페이지 로딩 속도에 미치는 영향을 최소화할 수 있습니다.

참고: 쇼피파이(Shopify) 체험판(Trial Plan)을 이용 중인 경우 폰트를 업로드할 수 없습니다. 이는 PageFly가 아니라 쇼피파이 측의 파일 형식 제한 때문입니다.

1단계: 폰트 업로드하기

PageFly 대시보드에서 **Extra functions(추가 기능)**를 열고, Uploaded Fonts(업로드된 폰트) 옆의 **Manage(관리)**를 클릭합니다.

Uploaded Fonts panel

폰트 관리창이 열리면 **Upload font(폰트 업로드)**를 클릭하고 파일을 선택하세요. 필요하다면 여러 폰트를 한 번에 업로드할 수도 있습니다.

Font upload screen

업로드가 완료되면 PageFly가 백그라운드에서 파일을 WOFF2로 변환합니다. 파일 크기와 네트워크 환경에 따라 잠시 시간이 걸릴 수 있으며, 아래처럼 목록에 나타나면 사용할 준비가 완료된 것입니다.

Upload complete

2단계: 편집기에서 커스텀 폰트 적용하기

폰트 업로드가 끝나면 PageFly 편집기를 엽니다. 스타일을 변경할 텍스트 요소를 선택한 후, 우측 설정 패널에서 다음 경로로 이동합니다.

Styling(스타일) → Font Family(폰트 패밀리) → Uploaded Fonts(업로드된 폰트)

사용하려는 폰트의 체크박스를 선택하면 해당 텍스트 요소에 즉시 폰트가 적용됩니다.

Selecting the custom font

아래에서 볼 수 있듯이, 업로드한 일본어 폰트도 실제 라이브 페이지에 정상적으로 렌더링됩니다.

Font applied on the page

글로벌 스타일(Global Styles)로 스토어 전체 폰트 관리하기

스토어 전체에서 일관되게 하나의 폰트를 사용하고 싶다면 **Global Styles(글로벌 스타일)**에서 설정하는 것이 가장 효율적입니다. 한 번만 설정해 두면 모든 페이지의 제목, 본문, 버튼에 동일한 폰트가 자동으로 적용되므로 추가 작업 없이 일관된 디자인을 유지할 수 있습니다.

설정 방법

  1. **Extra functions(추가 기능)**에서 Global Styles(글로벌 스타일) 옆의 **Manage(관리)**를 클릭합니다.
  2. **Typography(타이포그래피)**를 클릭한 뒤, Styling(스타일) 탭으로 이동하여 **Font Family(폰트 패밀리)**를 선택합니다.
  3. 설정 아이콘을 클릭하고 **Uploaded Fonts(업로드된 폰트)**를 선택한 후, 사용할 폰트를 고릅니다.
  4. 제목(H1–H6), 본문 텍스트, 버튼 등 타이포그래피 유형별로 폰트를 지정합니다.
  5. 완료되면 **Publish(발행)**를 클릭하여 변경 사항을 저장합니다.

글로벌 스타일에 등록된 폰트는 앞으로 편집기 내에서도 옵션으로 표시되므로, 페이지를 만들 때마다 수동으로 찾을 필요가 없습니다.

자주 묻는 질문 (FAQ)

Q: 업로드한 직후에 편집기에서 커스텀 폰트를 사용할 수 있나요?

A: 바로 사용할 수는 없으며, 먼저 글로벌 스타일에 추가해야 합니다. 글로벌 스타일에 등록되면 편집기의 폰트 선택 메뉴에서 옵션으로 표시됩니다.

Q: 커스텀 코드를 통해 폰트를 추가해도 되나요?

A: 기술적으로는 가능하지만 페이지 속도를 저하시킬 수 있으므로 권장하지 않습니다. 성능 관리와 유지보수 측면에서 기본 제공되는 폰트 업로드 기능을 사용하는 것이 더 안전합니다. 만약 이전에 커스텀 코드로 폰트를 추가했다면, 해당 코드를 제거하고 업로드 기능을 사용하는 것을 권장합니다.

Q: 사용 중인 커스텀 폰트를 삭제하면 페이지가 깨지나요?

A: 아니요, 발행된 페이지가 깨지지는 않습니다. 폰트가 누락된 요소는 상위 컨테이너에 설정된 기본 폰트로 대체되어 표시됩니다.

마치며

PageFly의 커스텀 폰트 기능은 무료 플랜부터 제공되며, 일본어 폰트를 비롯한 다양한 형식을 지원합니다. 일관된 브랜드 아이덴티티를 구축하고 싶거나 Google Fonts에 없는 특정 폰트가 필요하다면 꼭 활용해 볼 만한 기능입니다.

간단히 기억해 두세요: 스토어 전체에 일관되게 폰트를 적용하고 싶다면 글로벌 스타일에 등록하고, 특정 페이지에서만 폰트를 바꾸고 싶다면 편집기에서 직접 설정하면 됩니다.