워드프레스 폰트 변경

폰트(글꼴) 선택은 웹사이트에 독특한 모습을 부여하는 효과적인 방법이며, WordPress.com에서는 다양한 테마를 사용하여 글꼴을 변경하는 방법을 소개하고 있다. 폰트 변경 방법은 사이트 편집기를 사용하는 테마와 그 외의 테마에 따라 다르며, 글꼴 설정은 헤딩 요소와 기본 본문 텍스트에 대한 옵션을 제공한다.

  1. 테마에 따라 사이트 글꼴 변경 방법이 다양하며, 사이트 편집기를 사용하는 경우 스타일 버튼을 통해 글꼴을 변경할 수 있다.
  2. 헤딩요소와 기본 글꼴에 대한 글꼴 선택은 헤딩 요소와 본문 텍스트에 각각 적용된다.
  3. 글꼴 변경 사항은 실시간 미리보기를 통해 확인할 수 있으며, FOUT(Flash of Unstyled Text) 현상을 방지하기 위해 추가 CSS 코드를 적용할 수 있다.
  4. 사용자 정의 플러그인 또는 테마를 사용하는 경우 Google 글꼴을 제공하는 CDN/FDN이 적용되었는지 확인하는 것이 권장된다.

https://wordpress.com/ko/support/custom-fonts/

워드프레스 글꼴 변경 방법

워드프레스에서는 웹사이트의 글꼴을 변경하는 여러 가지 방법을 제공한다. 다음은 몇 가지 일반적인 방법이다.

  1. 테마 사용자 정의 기능: 많은 워드프레스 테마에는 테마 사용자 정의 기능을 사용하여 글꼴을 변경할 수 있는 옵션이 기본 제공된다. 모양 > 사용자 정의로 이동하여 타이포그래피 또는 글꼴 설정을 찾는다.
  2. 테마 설정: 일부 테마에는 글꼴을 변경할 수 있는 전용 설정 페이지가 있다. 이는 대개 모양 > 테마 설정 또는 유사한 메뉴 항목 아래에 있다.
  3. CSS 사용자 정의: 테마에 기본 제공 글꼴 옵션이 없는 경우 CSS를 사용하여 글꼴을 사용자 정의할 수 있다. 테마의 style.css 파일 또는 테마 사용자 정의 기능의 추가 CSS 섹션에 다음 코드를 추가한다.

    body { font-family: “Font Name”, sans-serif; } h1, h2, h3, h4, h5, h6 { font-family: “Heading Font Name”, sans-serif; }

    “글꼴 이름” 및 “제목 글꼴 이름”을 원하는 글꼴로 바꾼다.
  4. 구글 글꼴: 워드프레스에서는 구글 글꼴과의 간편한 통합을 지원한다. 먼저 구글 글꼴 웹사이트를 방문하여 사용하려는 글꼴을 선택한다. 그런 다음 제공된 <링크> 태그를 테마의 header.php 파일에 닫는 태그 바로 앞에 추가한다. 마지막으로 위에서 설명한 대로 CSS에 글꼴 이름을 사용한다.
  5. 플러그인: 쉬운 구글 글꼴, WP 구글 글꼴, 아무 글꼴 사용 등 여러 워드프레스 플러그인을 사용하면 글꼴을 쉽게 변경할 수 있다. 이러한 플러그인은 웹사이트에 글꼴을 선택하고 적용할 수 있는 사용자 친화적인 인터페이스를 제공한다.

글꼴을 선택할 때는 가독성과 호환성을 고려해야 한다는 점을 잊지 않는다. 모든 디바이스가 모든 글꼴을 지원하는 것은 아니므로 CSS에 대체 글꼴을 정의하는 것이 좋다. 또한 너무 많은 글꼴을 사용하면 웹사이트의 성능과 미학에 부정적인 영향을 미칠 수 있다는 점을 명심한다.