WordPress에 Google 글꼴을 추가하는 방법

웹사이트의 디자인과 전문성을 극적으로 향상시키는 한 가지 방법은 훌륭한 글꼴을 사용하는 것입니다.

대부분의 사람들은 자신의 웹사이트에서 사용하는 글꼴에 대해 결코 다시 생각하지 않습니다. 그러나 자신만의 테마를 개발하거나 현재 설치한 테마를 편집하는 경우에는 좋은 글꼴 선택이 프로세스의 큰 부분을 차지해야 합니다.

귀하의 웹사이트에 사용할 글꼴이나 글꼴 조합을 선택하는 것은 간단하고 솔직히 꽤 지루한 작업이었습니다. 사용할 수 있는 웹 안전 글꼴은 거의 없었지만 이제는 웹에 최적화된 글꼴이 엄청나게 많이 생성되고 있으므로 어떤 글꼴을 사용해야 할지 파악하기 어려울 수 있습니다.

이제 Google Fonts가 생성되고 900개 이상의 글꼴 모음이 제공되므로 좋은 글꼴을 선택하는 과정이 훨씬 더 복잡해졌습니다. 그러나 지난 몇 년 동안 Google Fonts 관련 개발로 인해 이전보다 훨씬 쉽게 선택을 구현할 수 있게 되었습니다.

Google 글꼴을 사용해야 하는 이유는 무엇입니까?

Google 글꼴은 오늘날 웹에서 사용할 수 있는 최고의 글꼴 리소스 중 하나가 되었습니다.

사용할 수 있는 글꼴 모음이 900개가 넘을 뿐만 아니라 모두 누구나 만들고 향상시킬 수 있는 오픈 소스 글꼴입니다.

글꼴을 만드는 디자이너는 자신의 글꼴이 Google 디렉토리에 포함되도록 고려 과정을 거쳐야 합니다. 즉, 전 세계 수천 명의 디자이너에 액세스할 수 있을 뿐만 아니라 글꼴이 완전하고 웹에 최적화되었는지 먼저 확인하지 않으면 글꼴을 디렉토리에 추가할 수 없습니다.

과거에 다른 글꼴을 사용한다는 것은 브라우저가 글꼴을 제대로 표시하려면 자신의 컴퓨터에 글꼴을 설치해야 한다는 것을 의미했습니다. Google Fonts를 사용하면 모든 글꼴이 Google 디렉토리에서 직접 액세스되므로 모든 브라우저와 거의 모든 컴퓨터에서 작동됩니다. 이는 웹 사이트 개발에 전례 없는 디자인 자유를 제공합니다.

내 웹사이트에서 Google 글꼴을 어떻게 사용하나요?

Total WordPress Theme와 같은 일부 WordPress 테마에는 Google 글꼴을 쉽게 변경할 수 있는 옵션이 테마에 내장되어 있습니다. 맞춤설정으로 이동하여 글꼴 탭을 클릭하면 기본 글꼴, 글꼴 크기, 글꼴 두께는 물론 테마 전체 요소의 줄 간격까지 편집할 수 있습니다.

하지만 다른 테마를 사용하는 경우 Google Fonts를 수동으로 추가하거나 플러그인을 사용할 수 있습니다.

Google 글꼴을 추가하는 WordPress 플러그인

사이트에 Google Fonts를 추가하기 위한 최고의 무료 플러그인 중 하나는 WordPress 저장소에서 다운로드할 수 있는 무료 Easy Google Fonts 플러그인을 사용하는 것입니다. 가장 쉽게 다운로드할 수 있는 방법은 WordPress 대시보드에서 바로 다운로드하는 것입니다. WordPress 사이트에 로그인하고 플러그인 > 새로 추가로 이동하세요. 그런 다음 "Easy Google Fonts"를 검색하면 빠르고 쉽게 설치할 수 있습니다.

사이트에서 글꼴을 사용자 정의할 수 있는 또 다른 훌륭한 플러그인은 Yellow Pencil Live CSS 편집기 플러그인(뉴욕 WordPress 테마에 무료로 포함되어 있음)입니다. 이 플러그인의 장점은 간편한 클릭 및 편집 방법을 통해 웹사이트의 글꼴을 변경할 수 있을 뿐만 아니라. WordPress 테마의 색상, 글꼴 크기, 글꼴 두께, 패딩, 여백 등을 모두 사용자 정의할 수도 있습니다.

어떤 글꼴을 사용해야 합니까?

Google Fonts Directory의 가장 큰 장점은 귀하의 삶을 어렵게 만들 수도 있습니다. 사용할 수 있는 글꼴이 너무 많아서 적절한 글꼴 조합을 찾고 선택하는 것이 어려울 수 있습니다.

선택한 글꼴은 전적으로 디자인을 통해 전달하려는 내용에 따라 달라집니다. 글꼴은 사이트 독자의 관심을 끌기 위해 사용됩니다. 글꼴은 웹 사이트의 다양한 측면에 주의를 집중시키는 데 사용되며, 훌륭한 디자이너는 사용하는 글꼴의 매우 미묘한 차이로 놀라운 일을 해낼 수 있습니다.

이해해야 할 한 가지는 글꼴과 서체의 차이점입니다. 이 두 용어는 종종 같은 의미로 잘못 사용됩니다. 글꼴은 문자, 숫자 기호 등의 전체 모음입니다. 해당 모음의 디자인을 참조할 때 이를 서체라고 부릅니다.

글꼴 분류

서체에 적용할 수 있는 다양한 분류가 있습니다. 세리프(Serif), 산세리프(Sans Serif), 디스플레이(Display), 손글씨(또는 스크립트) 및 고정폭(Monospace)이 있습니다. 인쇄에 사용되는 다른 것들도 있지만 지금은 이에 대해 걱정할 필요가 없습니다.

그렇다면 그들 사이의 차이점은 무엇입니까?

세리프 서체에는 각 문자의 가장자리에 꼬리가 달려 있습니다.

Sans Serif 서체에는 꼬리가 없습니다.

디스플레이 서체는 독특하고 장식적입니다.

손글씨 서체는 손으로 쓴 필기체 또는 블록 글씨체처럼 보입니다.

마지막으로, 고정 폭 글꼴은 각각 정확히 동일한 공간을 차지하는 문자로 구성됩니다.

웹 디자인을 위한 글꼴 모범 사례

사용할 글꼴을 선택할 때 따라야 할 몇 가지 모범 사례 지침이 있습니다.

사이트 디자인에서는 세 가지 이상의 다른 글꼴을 사용하지 않는 것이 좋습니다. 두 개 이상의 글꼴 균형을 맞추는 것은 어려울 수 있습니다. 그리고 한 사이트에 두 개 이상의 서체를 혼합하면 심각한 시각적 문제가 발생할 수 있습니다.

예를 들어 제목용 글꼴과 내용용 글꼴 등 두 가지 다른 글꼴을 사용하는 경우 동일한 서체 분류에서 선택하지 않도록 하세요. 서체를 결합하는 것이 가장 좋습니다. 즉, 두 개의 다른 Serif 글꼴이나 두 개의 다른 Sans Serif 글꼴을 사용하지 마세요.

제목에는 정말 잘 작동하지만 본문 내용에는 적합하지 않으며 그 반대의 글꼴도 있습니다. 읽기 어려운 콘텐츠에 글꼴을 사용하는 사이트가 있습니다. 콘텐츠 글꼴은 깔끔하고 읽기 쉬워야 하며 제목 글꼴은 효과를 극대화하고 사이트의 특정 영역에 관심을 끌 수 있도록 사용해야 합니다.

WordPress용 Google Fonts 마무리

이제 이해하기 시작하셨겠지만 웹사이트 디자인에 사용할 글꼴을 선택하는 것은 까다롭고 복잡한 과정이 될 수 있습니다. 결정에는 단순히 두 가지 글꼴을 선택하는 것보다 훨씬 더 많은 것이 있습니다.

선택을 보장하기 위해 노력해야 할 몇 가지 사항이 있습니다. 헤더 클래스 계층 구조가 균형을 이루고 헤더 태그가 상대적인 크기를 줄이는지 확인하세요.

좋은 사이트 디자인과 타이포그래피의 절반은 글꼴 선택과 일관성을 유지하는 것입니다. 여기에는 글꼴 크기, 두께 및 간격이 포함됩니다. Google Fonts와 Google Typography 플러그인을 사용하면 이 전체 프로세스가 이전보다 훨씬 쉬워집니다. 이러한 리소스를 사용하더라도 전문적이고 균형 잡힌 타이포그래피를 갖는 것은 여전히 어려운 일입니다.

당신이 선택한 선택에 대해 여전히 확신이 없고 모든 옵션 사이의 차이점을 알아내려고 할 때 길을 잃으신다면. 이제 전문 디자이너가 귀하의 사이트를 살펴보도록 해야 할 때입니다.

귀하의 웹사이트에 Google Fonts를 구현하셨나요? Google Fonts가 포함된 테마를 처음부터 구축하셨나요? 아래 댓글을 통해 타이포그래피와 좋아하는 글꼴에 대한 여러분의 생각을 듣고 싶습니다.