How to Add Custom Fonts in WordPress

WordPress 웹 사이트에 맞춤 글꼴을 추가 하시겠습니까? 계속 잘 지켜봐 이 비디오에서는 사용자 정의 글꼴을 추가하는 데 사용할 수있는 세 가지 방법을 보여줍니다

워드 프레스 글꼴을 추가하면 사이트를 쉽게 사용자 정의하고 서체로 만들 수 있습니다 군중의 나머지 부분에서 조금 벗어나서 최선의 방법은 당신은 아마도 두 개의 글꼴을 하나의 제목과 하나를 생각해 내고 싶습니다 몸 어떤 글꼴을 사용하고 싶은지 잘 모르겠다면 글꼴 쌍을 사용하면 제목과 본문이 무엇인지 빨리 볼 수 있습니다 좋아하고 당신은 스크롤 할 수 있고 이것과 같은 쌍을 볼 수 있습니다

그래서 너는 할 수있어 원하는 쌍을 선택하면 다음 단계로 넘어갈 수 있습니다 이것을 위해 자습서 Open Sans 및 Lora 글꼴이 마음에 듭니다 이 비디오 해당 글꼴을 fonts

googlecom으로 가져 오려면 로라 (Lora)가 그랬던 것처럼 글꼴을 검색하십시오 이것은 내가 원하는 것을 클릭하고 그것을 클릭하면됩니다 이 글꼴을 선택하고 Google 글꼴에 대한 좋은 점은 아래로 스크롤하면 Lora와의 인기있는 페어링을 볼 수 있으며 Open Sans는 하나임을 알 수 있습니다 그들의

그게 내가 원하는 것도있어 거기에있는 더하기 버튼을 클릭하자 이제 여기에 우리는 두 가족이 선택되었음을 알 수 있습니다 그래서 이것을 열면 우리는 우리가 embed을 선택했는지 확인하고 싶습니다 우리는 우리가 우리가해야 할 유형으로 표준을 가지고 있고 나는해야 할 것입니다 이 코드를 복사하여 강조 표시하고 마우스 오른쪽 버튼으로 클릭 한 다음 복사하여 이제 우리 웹 사이트에 추가해야합니다

그러니 우리의 WordPress로 돌아 가자 대시 보드 저는 이것을 확장 된 모드로 두어 더 많은 것을 볼 수 있습니다 우리는 플러그인으로 넘어 가서 새로운 것을 추가하려고합니다 슈퍼 쉽게하기 위해 삽입 할 머리말과 꼬리말을 설치할 코드를 추가하십시오 이 사이트에 코드를 추가하지 않고도 사이트에 코드를 쉽게 추가 할 수 있습니다

테마 파일 WPBeginner에 의한 삽입 헤더와 풋터는 우리가 만든 것입니다 지금 설치를 클릭하고 한번 설치하자 그것을 활성화하십시오 이제 활성화되어 설정, 헤더 및 바닥 글 삽입으로 이동합니다

헤더 부분에서 마우스 오른쪽 버튼을 클릭합니다 붙여 넣기도해야합니다 이제 글꼴에 액세스 할 수 있으므로 이제는 모두 해야 할 일은 모양 아래에서 이동하고 맞춤 설정으로 이동합니다 추가 CSS 설정으로 이동합니다 글꼴을 가져 오려면이 코드를 추가해야합니다

다음 방법은 훨씬 쉽습니다 Google 글꼴을 플러그인에 추가하여 웹 사이트 Google은 사용할 수있는 몇 가지 웹 글꼴로 디렉토리를 만들었습니다 무료이며이 사이트는 귀하가 어떻게 생겼는지를 볼 수있는 사이트입니다 해당 글꼴을 사이트로 가져 오려면 플러그인을 사용해야하므로 건너 뜁니다

우리의 WordPress 대시 보드 플러그인, 새 항목 추가 및 검색 상자로갑니다 Easy Google Fonts를 살펴 보겠습니다 추가하려는 항목이므로 클릭하십시오 지금 설치하고 설치 한 후에 계속해서 활성화하십시오

이제 활성화되면 웹 사이트에 가져와야합니다 그렇게하기 위해 우리는 모양 영역 사용자 정의 귀하의 테마에 따라 그것은 다른 분야에서 당길 수 있습니다 여기서 타이포그래피와 기본 타이포그래피를 클릭하겠습니다 전형적인

다른 글꼴에 사용되는 일반적인 요소의 경우 그래서 나는 아래로 스크롤하여 더 잘 볼 수 있습니다 그래서 이들은 서로 다른 분야입니다 다른 글꼴을 추가 할 수 있습니다 우리는 당신이 하나 또는 두 개의 글꼴은 일반적으로 머리글 영역에 대해 하나의 글꼴을 사용하고 사용자의 글꼴에 대해 하나의 글꼴을 사용합니다

절 문단은 기사의 본문과 헤더입니다 영역은 대개 상단에서 볼 수있는 큰 부분입니다 제목을 사용하면 여기를 통해 각 글꼴을 편집 할 수 있습니다 그래서 단락은 일반적으로 내 본문 텍스트를 편집하고 싶다면 아래로 스크롤하여 찾으십시오

폰트 패밀리 Google 글꼴을 들여다 보면서 잠시 시간을내어 당신이 좋아하는 것을보고 나서 여기로 다시 돌아가서 당신이 좋아하는 폰트 패밀리 내 몸에는 보통 Lora가 좋기 때문에 그런 다음 자동으로 변경된 것을 볼 수 있습니다 글꼴을 선택할 수도 있습니다 체중 감량과 그게 정말 그것을 보여줍니다 나는 그것을 정기적으로 유지하고 싶습니다 나는 싶다

내 머리글 글꼴에 대해서도 똑같이해라 그래서 다시 갈거야 글꼴 편집을 클릭하고 테마 기본값으로 이동 한 다음이 글꼴을 사용하고 싶습니다 Sans를 엽니 다 다시 여기에 변화가 나타나고 우리는 다른 무게를 적용 할 수 있습니다

그 이제 원하는 경우 모양 영역을 클릭하여 글꼴 크기를 변경하십시오 17 및 18 픽셀은 요즘 당신도 할 수있는 정말 좋은 크기입니다 줄 높이를 바꾸십시오 그것은 문장과 문장 사이의 간격입니다 사람들은 좋은 선을 얻으려면 요즘에는 많은 선 높이를 좋아합니다 그것을 읽기 쉽도록 주변에 두었습니다

그래서 당신도 이것으로 놀 수 있습니다 일단 게시 할 수있는 설정에 만족하면 사이트에 Google 글꼴 영역의 특정 글꼴 다음으로 사용할 수있는 방법은 뭔가 Typekit이라고합니다 훌륭한 또 다른 무료 및 프리미엄 리소스입니다 귀하의 사이트에 추가 할 글꼴

Typekit으로 넘어 가면 계정 글꼴 영역에 대한 계정 머리글을 만들었습니다 너는 할 수있다 내 라이브러리를 클릭하면 무료 및 유료 서비스를 볼 수 있고 그냥 볼 수 있습니다 을 통해 당신이 원하는 것들을 선택하십시오

좋아, 이제 우리가 끝났어 우리가 WordPress 대시 보드로 되돌아 가자고 원하는 글꼴을 선택했습니다 그리고 플러그인 영역으로 돌아 가자 새로 추가하기 Typekit Fonts를 찾아야한다 WordPress 플러그인 용

이것이 우리가 원하는 도구이므로 설치를 클릭하십시오 일단 설치되면 사전에 활성화해야합니다 좋아, 이제 활성화되어 있으면 여기에서 설정으로 이동할 수도 있고 아래에서 설정할 수도 있습니다 여기서 Typekit Fonts를 설정하고 Typekit 키트 ID를 추가해야합니다 타입 킷 (Kit)으로 돌아가서, 여기에서 우리는 최근의 키트로 가서 키트를 선택합니다

네가 방금 만든거야 소스 코드를 클릭하고 싶습니다 타입 킷 ID 우리는이 정보를 복사하고, 내 사이트로 돌아가고, Typekit 코드에 붙여 넣기 만하면 가장 간단한 CSS 링크를 만들 것입니다 이제 설정 저장을 클릭하고 다시 가져올 수 있습니다 사용자 정의 영역으로 이동하여 추가 할 필요가있는 사이트의 글꼴 사용자 지정 CSS를 사이트에 가져와야합니다

오늘의 비디오? YouTube 채널을 구독하면 더 많은 동영상을 보내드립니다 WordPress 웹 사이트를 관리하고 시청 해 주셔서 감사합니다