WordPress 글꼴을 변경하는 3가지 쉬운 방법

게시 됨: 2021-10-05

"WordPress에서 글꼴을 변경하는 방법은 무엇입니까?" 최소한의 기술 지식을 가진 사람들 사이에서 가장 일반적인 질문 중 하나이며 여기에 그 질문에 대한 좋은 답변이 있습니다.

이 간단한 방법을 사용하여 원하는 만큼 WordPress 글꼴을 변경할 수 있습니다.

WordPress 글꼴을 변경하려면 모양 메뉴로 이동하여 사용자 정의 옵션을 클릭하고 글꼴 로 이동하십시오 . 이제 원하는 글꼴을 선택하거나 x 표시를 클릭하여 기본 글꼴로 돌아갈 수 있습니다. 원하는 WordPress 글꼴을 선택했으면 초안 저장 버튼을 클릭하여 변경 사항을 저장합니다.

다음은 어떻게 생겼는지입니다.

워드프레스 글꼴

이 부분에서 더 나아가 WordPress 글꼴을 변경하는 다른 3가지 간단한 방법을 설명합니다. 시작하겠습니다.

관련: WordPress 바닥글을 편집하는 방법?

WordPress에서 글꼴을 변경하는 방법?

기술적으로 WordPress 사이트에서 글꼴을 변경할 수 있는 방법은 상당히 많습니다. 그러나 여기에서는 이를 수행하는 매우 기본적인 3가지 방법을 언급했습니다. 가장 일반적인 것부터 시작하겠습니다.

1. 사이트 테마 또는 페이지 빌더의 글꼴 옵션으로 변경할 수 있는 사항 확인

대부분의 사람들은 비즈니스 사이트에 적합하지 않기 때문에 WordPress 기본 사이트 테마를 사용하지 않습니다. 이러한 테마는 잘 코딩되어 있지만 개념 부분에 불과합니다. 전자상거래 CMS에 대한 가이드에서 이에 대해 자세히 알아볼 수 있습니다.

귀하의 요구에 가장 적합한 특정 유형의 테마를 더 간단한 단어로 선택하는 것이 좋습니다. 프리미엄을 선택하면 훌륭한 사용자 지정 옵션을 제공할 수 있지만 예산이 부족한 경우 선택할 수 있는 적절한 무료 옵션도 있습니다.

이러한 테마의 대부분을 사용하면 WordPress 사이트의 올바른 글꼴을 선택할 수 있는 전체 Google 글꼴 제품군에 액세스할 수 있습니다.

테마를 통해 WordPress에서 글꼴을 변경하는 방법에는 일반적으로 두 가지가 있습니다. 첫째, 사용자 정의 메뉴에 액세스하고 거기에서 글꼴을 변경할 수 있습니다. 다른 테마에는 액세스하는 데 필요한 모든 디자인 옵션이 포함된 전용 관리자 패널이 있습니다.

이러한 관리자 패널은 탐색하기가 훨씬 쉽습니다. 관련 드롭다운 메뉴를 클릭하고 원하는 글꼴을 선택하기만 하면 됩니다. 변경 사항은 즉시 발생할 수 있습니다.

Page Builder 플러그인의 작동 방식도 이와 매우 유사합니다. 가장 인기 있는 것들 중 일부는 Elementor 및 Beaver Builder를 포함합니다.

2. WordPress 글꼴 플러그인 설치

테마에서 제공되는 글꼴이 마음에 들지 않으면 WordPress 글꼴을 변경하는 또 다른 좋은 방법은 전용 글꼴 플러그인을 설치하고 활성화하는 것입니다.

이제 일반적으로 WordPress의 플러그인 디렉토리에서 찾을 수 있는 두 가지 유형의 글꼴 플러그인, 즉 글꼴 임베딩 플러그인과 글꼴 업로드 플러그인이 있습니다.

글꼴 포함 플러그인을 사용하면 Google 글꼴과 같은 전용 디렉토리에서 원하는 글꼴을 가져와 사이트에 포함할 수 있습니다.

한 가지 좋은 예는 OMFG – Optimize My Google Fonts 플러그인입니다. 또한 Adobe의 구독 글꼴을 사용하는 사용자를 위한 플러그인도 있습니다.

사이트를 Google 또는 Adobe의 서버에 연결하려면 몇 가지 추가 단계를 처리해야 합니다. 그러나 이렇게 하면 글꼴을 수동으로 구현하는 동안 발생하는 몇 가지 다른 단계를 수행하지 않아도 됩니다.

글꼴 업로더 플러그인은 임베딩 플러그인과 많이 다릅니다. 이 플러그인을 사용하면 선택한 특정 글꼴을 업로드하고 사이트에서 사용할 수 있다는 이름으로 빠르게 알 수 있습니다. 모든 관련 플러그인이 작업을 수행할 수 있지만 이 작업에 가장 널리 사용되는 플러그인은 Google Fonts Typography Plugin입니다.

3. 간단한 코딩을 통한 사용자 정의 글꼴 추가

WordPress에서 글꼴을 수동으로 변경하는 방법을 배우고 싶다면 이 마지막 방법을 사용하는 것이 좋습니다. 약간의 코딩이 필요하지만 이 방법의 가장 좋은 점은 학습하기 쉽다는 것입니다. 평균적인 지식으로도 이 방법을 쉽게 배우고 구현할 수 있습니다.

단점은 전용 플러그인의 프리미엄 테마 외에 선택의 폭이 넓지 않을 수 있습니다. 그러나 여전히 불필요한 블로트웨어로부터 사이트를 유지하고 원하는 글꼴을 사용할 수 있습니다.

이 방법을 구현하려면 다음이 필요합니다.

  • CSS에 대한 평균 지식
  • 웹사이트에 삽입하려는 글꼴
  • WordPress 코어에 대한 액세스
  • FTP(파일 전송 프로토콜)에 대한 약간의 지식

이것을 예를 들어 설명하겠습니다. Google 글꼴인 "Oswald"를 선택했다고 가정해 보겠습니다.

포함할 스타일을 선택합니다. 굵게, 표준 및 기울임꼴 스타일을 선택하는 것이 좋습니다. 스타일을 선택한 후 글꼴을 포함하는 가장 쉬운 방법은 포함 탭 을 클릭하고 사이트 섹션에 코드를 복사하는 것입니다.

하지만 Enqueuing 방법을 사용하는 것이 좋습니다. 이 방법에서는 먼저 글꼴에 대한 링크를 복사해야 합니다. 다음은 예입니다.

'https://fonts.googleapis.com/css2?family=Oswald:wght@200;700&display=swap'

이제 FTP를 사용하여 WordPress 사이트의 파일에 액세스해야 합니다. 여기에서 자식 테마의 루트 디렉터리를 열고 functions.php에 액세스해야 합니다.

functions.php 파일을 연 후 다음 코드를 입력하십시오. (예에서 언급한 링크를 선택한 글꼴로 바꿔야 합니다.)

함수 add_my_font() {

wp_enqueue_style( 'add_my_font', 'https://fonts.googleapis.com/css2?family=Oswald:wght@200;700&display=swap', false );

}

add_action( 'wp_enqueue_scripts', 'add_my_font' );

마지막 단계는 글꼴을 사용할 위치를 선언하는 것입니다. 이를 위해서는 하위 테마의 루트 디렉토리에 있는 style.css 파일에 접근하여 다음을 추가해야 합니다.

.바디, .h1, .h2, .h3, .h4 {

글꼴 패밀리: 'Oswald', sans-serif;

}

일반적으로 이것은 웹사이트의 프런트 엔드에 이 특정 글꼴을 특정 스타일로 사용하기를 원한다는 것을 알려줍니다. 모든 섹션에 새 글꼴을 적용하지 않으려면 선언을 제거할 수도 있습니다.

올바른 WordPress 글꼴을 선택해야 하는 두 가지 중요한 이유는 다음과 같습니다.

웹 디자인에서 올바른 글꼴을 선택하는 것이 중요한 이유는 무엇입니까?

개발 지식이 거의 또는 전혀 없는 사람들에게 웹사이트 디자인은 색 구성표, 글꼴을 선택하고 탐색 모음을 설정하는 간단한 프로세스처럼 들릴 수 있습니다.

하지만, 미학 외에도 효과적인 웹사이트 디자인을 만드는 데 들어가는 것이 많기 때문에 쉽지 않습니다. WordPress 사이트의 글꼴을 선택하는 동안 가독성, 마케팅 및 글꼴이 브랜드와 일치하는지 여부와 같은 요소를 고려해야 합니다.

구체적으로 말하면 글꼴이 사이트 디자인에 영향을 미치는 두 가지 주요 방법이 있습니다. 그들에 대해 이야기합시다.

1. 사용성

사용성은 글꼴 선택이 영향을 미치는 가장 중요한 측면입니다. 읽기 어려운 글꼴을 선택했다고 가정해 보겠습니다. 귀하의 잠재 고객은 좌절감에 귀하의 사이트를 포기하고 대안을 찾을 가능성이 가장 큽니다.

2. 브랜딩

가독성도 중요하지만 글꼴이 브랜드 톤과 얼마나 잘 어울리는지, 적절하고 세련된지에 초점을 맞춰야 합니다. 더 간단한 단어로 사이트의 글꼴을 선택할 때 여러 측면을 고려하는 것이 좋습니다.

너에게로

가세요. 이제 WordPress에서 글꼴을 변경하는 세 가지 쉬운 방법입니다. 모범 사례가 계속 변경된다는 점을 기억하는 것도 마찬가지로 중요합니다. 따라서 이러한 방법과 제시된 내용 사이에 단절이 있는 경우 전문가의 조언을 구하는 것이 좋습니다.

또한 지식을 높이려면 WordPress White Screen of Death 오류 및 화이트 레이블 수정과 같은 주제에 대한 가이드를 읽으십시오.