지원으로 돌아가기 사이트 디자인 사이트의 글꼴 변경

사이트의 글꼴 변경

웹사이트의 텍스트 문자 스타일을 글꼴이라고 합니다. 이 가이드에서는 사이트에서 글꼴을 선택하는 방법을 보여드립니다.

글꼴 및 요금제 적합성

프리미엄, 비즈니스 및 상거래 요금제를 사용하는 사이트에서는 웹사이트의 다양한 글꼴 중에서 선택할 수 있지만, 자신의 사용자 정의 글꼴은 업로드할 수 없습니다.

Google 글꼴에서 사용자 정의 글꼴을 업로드하고 글꼴 스타일을 설치하려면 비즈니스 요금제 또는 상거래 요금제로 업그레이드하세요.

글꼴 변경

아래 단계를 사용하여 사이트의 글꼴을 변경할 수 있습니다.

이 가이드의 어느 섹션을 따라야 할지 결정하려면 알림판을 방문하여 왼쪽의 디자인에서 확인하세요. 여기서 편집기를 발견하면 이 가이드의 사이트 편집기 섹션을 사용하세요. 그렇지 않으면 페이지 편집기 또는 사용자 정의 기능 지침을 사용하세요.

사이트에서 사이트 편집기가 지원되는 테마를 사용하는 경우 스타일 옵션을 사용하여 사이트의 글꼴을 변경할 수 있습니다. 사이트의 글꼴을 변경하는 단계는 다음과 같습니다.

  1. 워드프레스닷컴 알림판으로 이동합니다.
  2. 디자인 → 편집기로 이동합니다.
  3. 왼쪽의 스타일 아이콘을 클릭하거나 흑백 원 모양의 스타일 아이콘을 선택합니다.
  4. 타이포그라피” 옵션을 선택합니다.
  5. 사이트의 다음 텍스트 요소 중에서 선택합니다.
    • 텍스트
    • 링크
    • 헤딩요소
    • 캡션
    • 버튼
  6. 글꼴“에서 드롭다운을 클릭하고 원하는 글꼴을 선택합니다. 텍스트가 선택한 글꼴로 업데이트되어 어떤 모습인지 표시됩니다.
  7. 저장” 버튼을 클릭합니다.

아래 비디오에서 위 단계를 볼 수 있습니다.

사이트 편집기의 스타일 버튼을 가리키는 화살표. 아이콘은 흑백의 원 모양입니다.
스타일 아이콘
사이트 편집기에서 글꼴 변경하기

웹사이트의 텍스트 디자인을 조정하기 위�� 할 수 있는 모든 작업에 대한 자세한 내용은 스타일 가이드를 참조하세요.

특정 텍스트에 글꼴 적용

글꼴을 선택할 때 개별 페이지 또는 특정 텍스트 줄이 아니라 사이트 전체의 글꼴을 설정하는 옵션이 표시됩니다. 디자인에는 이 옵션이 가장 좋습니다. 사이트 전체에서 글꼴이 일관될 때 웹사이트가 가장 보기 좋습니다. 사이트에 글꼴이 너무 많으면 볼품없을 수 있습니다.

텍스트 부분이 눈에 띄게 하는 것이 목표라면 다양한 색상 적용, 제목 또는 인용 블록 사용, 이미지 삽입과 같은 다른 방법을 고려해 보세요.

사용자 정의 글꼴 업로드

가이드의 이 섹션은 워드프레스닷컴 비즈니스, 상거래 요금제 및 기존 프로 요금제를 이용하는 사이트에 적용됩니다. 비즈니스 요금제를 이용하는 경우 이를 활성화해야 합니다. 무료, 개인, 프리미엄 요금제를 사용하는 사이트의 경우 요금제를 업그레이드하여 이 기능에 접근하세요.

웹사이트를 위한 여러 글꼴 스타일 중에서 선택할 수 있습니다. 더 많은 글꼴을 선택하려면 사이트 편집기를 통해 직접 사용자 정의 글꼴을 설치하거나 업로드합니다.

가이드에서는 사용자 정의 글꼴을 설치, 업로드 및 관리하는 방법을 보여드립니다.

FOUT

FOUT(Flash of Unstyled Text)는 선택한 글꼴이 표시되기 전에 다른 글꼴이 잠깐 나타나는 경우입니다. 연결 속도가 느리면 텍스트가 테마의 기본 글꼴로 먼저 표시됩니다. 그러면 사람들이 선택된 글꼴이 로드되기 전에 빈 페이지를 지켜보지 않고 콘텐츠 읽기를 시작할 수 있습니다. 페이지 로드가 완료되기 전에 다른 글꼴이 순간적으로 표시되는 것이라고 볼 수도 있지만, 전반적으로는 연결 속도가 느린 독자가 빈 화면을 보고 있는 것보다 낫습니다.

이 현상을 원하지 않으면 디자인 → 사용자 정의 → 추가 CSS에서 CSS 편집기를 사용하여 이 CSS 코드(

.wf-loading body { visibility: hidden; }

or

html:not(.wf-active) body { display: none; })를 적격 요금제의 사이트에 추가하면 됩니다.

Google 글꼴 및 GDPR

워드프레스닷컴 테마에서 사용되는 Google 글꼴 서비스에 대한 모든 요청은 워드프레스닷컴의 서버를 통해 제공되며 더는 Google의 CDN/FDN이 사용되지 않습니다. 2022년 12월에 이렇게 변경되었습니다.

사이트에서 사용자 정의 플러그인 또는 서드파티 테마를 사용하는 경우 플러그인 및/또는 테마 개발자가 Google의 CDN/FDN을 통해 Google 글꼴을 제공하지 않는지 확인합니다. 여기에서 GDPR에 대해 자세히 알아볼 수 있습니다.

Copied to clipboard!