WordPress 사이트에 Google 글꼴 포함

Google Fonts는 2010년 개발된 이후 맞춤 웹 타이포그래피를 위한 필수 리소스가 되었습니다. Google이 여기에서 선두주자가 된 세 가지 주요 이유가 있습니다. 첫째, 제대로 된 폰트 서비스가 없었기 때문에 구글이 그 공백을 메웠다. 둘째, 초기에도 제공하는 다양성이 상대적으로 컸다. 현재 다양한 스타일로 800개 이상의 글꼴을 사용할 수 있습니다. 셋째, 이 글꼴은 무료로 제공되므로 특히 매력적입니다.

또한 설계 프로젝트에 통합하기가 놀라울 정도로 쉽습니다. 이러한 Google 글꼴을 WordPress 사이트에 포함하는 방법을 보여드리겠습니다.

구글 폰트

시작하려면 작업할 글꼴을 선택해야 합니다. 다양한 옵션이 있기 때문에 선택할 수 있는 메뉴가 다소 많습니다. Google의 글꼴 페이지 로 이동하여 찾을 수 있습니다  . 특정 글꼴을 찾고 있는 경우 검색 상자에 글꼴 이름을 입력하기만 하면 샘플이 표시됩니다.

사용할 수 있는 다른 검색 매개변수도 있습니다. 검색 상자 바로 아래에는 카테고리라는 버튼이 있습니다. 이것을 클릭하면 5가지 옵션이 있는 드롭다운 메뉴가 나타납니다. 다음과 같습니다.

• Serif – 글자의 위아래 획에서 파생된 짧은 선이 있는 글꼴입니다. Times New Roman과 Sylfaen이 좋은 예입니다.
• Sans Serif – 이름에서 알 수 있듯이 작은 선이 없는 글꼴입니다. 그들은 단순하고 깨끗한 미학을 갖는 경향이 있습니다.
• 디스플레이 – 눈길을 끄는 글꼴이라고 할 수 있습니다. 긴 텍스트보다 제목에 가장 적합합니다.
• 손글씨 – 이 글꼴은 마치 누군가가 손으로 쓴 것처럼 보이게 합니다. 많은 사람들이 필기체로 되어 있거나 간격이 덜 일관적이라는 것을 알게 될 것입니다.
• 고정 폭 – 타자기와 마찬가지로 문자는 동일한 가로 너비를 차지합니다. 매우 일정하게 간격을 두고 있습니다.

여기에 추가된 언어 및 글꼴 속성 선택과 같이 선택할 수 있는 다른 옵션도 있습니다. 후자는 스타일의 수, 두께, 경사 및 너비를 포함합니다.

WordPress에 글꼴 포함

이러한 고유한 글꼴을 WordPress 사이트에 포함하려는 경우 시도할 수 있는 몇 가지 방법이 있습니다.

CSS 사용

Google에서 선택한 글꼴을 클릭하면 자세한 글꼴 페이지로 이동합니다. 오른쪽 상단 모서리에 "+" 기호가 있습니다. 그것을 클릭하면 측면 창이 열립니다. "삽입"을 클릭하십시오.

이제 @import를 클릭할 수 있습니다. 복사해야 하는 CSS 코드가 열립니다. WordPress 테마의 스타일시트로 이동하여 처음에 붙여넣습니다. 파일 없이 가져오기 링크를 복사했는지 확인하십시오.