Google 글꼴은 2010년 개발된 이후 맞춤 웹 타이포그래피를 위한 필수 리소스가 되었습니다. Google이 여기에서 선두주자가 된 세 가지 주요 이유가 있습니다. 첫째, 제대로 된 폰트 서비스가 없었기 때문에 구글이 그 공백을 메웠다. 둘째, 초기에도 제공하는 다양성이 비교적 컸다. 현재 다양한 스타일로 800개 이상의 글꼴을 사용할 수 있습니다. 셋째, 이 글꼴은 무료로 제공되므로 특히 매력적입니다.
또한 디자인 프로젝트에 통합하기가 놀라울 정도로 쉽습니다. 이러한 Google 글꼴을 WordPress 사이트에 포함하는 방법을 보여 드리겠습니다.
구글 폰트
시작하려면 작업할 글꼴을 선택해야 합니다. 다양한 옵션이 있기 때문에 선택할 수 있는 메뉴가 다소 많습니다. 로 이동하여 찾을 수 있습니다. Google의 글꼴 페이지. 특정 글꼴을 찾고 있는 경우 검색 상자에 글꼴 이름을 입력하기만 하면 샘플이 표시됩니다.
사용할 수 있는 다른 검색 매개변수도 있습니다. 검색 상자 바로 아래에는 카테고리라는 버튼이 있습니다. 이것을 클릭하면 5가지 옵션이 있는 드롭다운 메뉴가 나타납니다. 다음과 같습니다.
- Serif – 글자의 위아래 획에서 파생된 짧은 선이 있는 글꼴입니다. Times New Roman과 Sylfaen이 좋은 예입니다.
- Sans Serif – 이름에서 알 수 있듯이 작은 선이 없는 글꼴입니다. 그들은 단순하고 깨끗한 미학을 갖는 경향이 있습니다.
- 디스플레이 – 눈길을 끄는 글꼴이라고 할 수 있습니다. 긴 텍스트보다 제목에 가장 적합합니다.
- 손글씨 – 이 글꼴은 마치 누군가가 손으로 쓴 것처럼 보이게 합니다. 많은 사람들이 필기체로 되어 있거나 간격이 덜 일관적이라는 것을 알게 될 것입니다.
- 고정 폭 – 타자기와 마찬가지로 문자가 동일한 가로 너비를 차지합니다. 매우 일정하게 간격을 두고 있습니다.
여기에 추가된 언어 및 글꼴 속성 선택과 같이 선택할 수 있는 다른 옵션도 있습니다. 후자는 스타일의 수, 두께, 경사 및 너비를 포함합니다.
WordPress에 글꼴 포함
이러한 고유한 글꼴을 WordPress 사이트에 포함하려는 경우 시도할 수 있는 몇 가지 방법이 있습니다.
CSS 사용
Google에서 선택한 글꼴을 클릭하면 자세한 글꼴 페이지로 이동합니다. 오른쪽 상단 모서리에 "+" 기호가 있습니다. 그것을 클릭하면 측면 창이 열립니다. "삽입"을 클릭하십시오.
이제 클릭할 수 있습니다. @수입. 복사해야 하는 CSS 코드가 열립니다. WordPress 테마의 스타일시트로 이동하여 처음에 붙여넣습니다. 파일 없이 가져오기 링크를 복사했는지 확인하십시오. 대괄호. 저장했는지 확인하세요. 그러면 글꼴이 추가됩니다.
PHP 사용
처음 몇 단계를 수행하고 "+" 기호를 클릭한 후 얻은 링크를 복사합니다. 이제 테마의 header.php 파일에 추가하기만 하면 됩니다. 글꼴을 추가하려면 저장하는 것을 잊지 마십시오.
자바스크립트 기능 사용
"대기열"이라는 작업을 시도할 수도 있습니다. 이를 위해 wp_enqueue_style 함수를 사용해야 합니다. 이 방법을 통해 선택한 글꼴을 모든 웹사이트 페이지의 헤더 섹션에 추가할 수 있습니다. 한 번에 여러 변경 사항을 추가할 수 있는 좋은 방법입니다.
글꼴 링크(http 에서 "까지)를 가져와서 테마의 functions.php 파일에 추가 코드와 함께 추가하세요. 다음은 사용해야 하는 코드입니다.
기능 custom_add_google_fonts() {
wp_enqueue_style( 'custom-google-fonts', https://fonts.googleapis.com/css2?family=Chelsea+Market&display=swap, 거짓);
}
add_action( 'wp_enqueue_scripts', 'custom_add_google_fonts' );
이러한 옵션은 Google 글꼴을 WordPress 웹사이트에 통합하는 데 문제 없이 작동하므로 가장 편한 것을 선택하는 것이 중요합니다.