WordPress 웹 사이트에서 글꼴을 변경하고 싶었던 적이 있습니까? 사용자 정의 도구로 새 글꼴을 선택하는 것은 어렵지 않습니다. 문제는 테마와 함께 제공되지 않는 글꼴을 사용하려고 하거나 변경하려는 요소에 그렇게 할 수 있는 옵션이 없을 때 발생합니다.
맞춤형 글꼴 변경
더 많은 글꼴을 얻으려면 먼저 Easy Google Fonts 플러그인을 사이트에 설치하세요.
1. "플러그인 -> 새로 추가"로 이동합니다.
2. "Easy Google Font"를 검색합니다.
3. 설치를 클릭한 다음 활성화를 클릭합니다.
4. 이제 사이트에 더 많은 글꼴 옵션이 있습니다. 변경하려면 사용자 정의 도구로 이동하십시오(모양 -> 사용자 정의).
5. "타이포그래피 -> 테마 타이포그래피"를 클릭합니다.
6. 드롭다운 화살표를 클릭하고 아래로 스크롤합니다. 사용 가능한 글꼴이 더 많이 표시됩니다.
7. 사용하려는 것을 클릭하여 선택하십시오.
플러그인을 사용하여 테마에서 이미 사용자 정의 가능한 텍스트를 변경하는 것은 매우 간단합니다. 답답한 부분은 특정 텍스트 부분을 다른 글꼴로 바꾸고 싶은데 변경할 곳이 없을 때 옵니다!
그것들을 사용자 정의하려면 웹 사이트의 해당 부분에 대한 CSS 코드를 변경해야 합니다. 하지만 숨겨져 있으므로 추적해야 합니다.
확장 프로그램 받기
Chrome 브라우저에서 WhatFont라는 확장 프로그램을 검색한 다음 설치하고 실행을 허용합니다.
활성화되면 WhatFont는 모든 웹사이트에서 찾은 모든 글꼴을 식별합니다. 따라서 글꼴이 마음에 들고 작업에 사용하고 싶다면 WhatFont가 실행되는 동안 텍스트 위로 마우스를 가져가면 글꼴 이름이 표시됩니다.
설치하고 활성화해야 하는 다음 확장은 Firebug Lite입니다. 사이트 코드를 표시하고 CSS 속성을 실시간으로 편집할 수 있습니다. 이 확장 프로그램을 사용하면 코드에서 텍스트의 위치를 찾아 글꼴을 쉽게 찾고 변경할 수 있습니다.
글꼴 찾기
테마가 현재 사용 중인 글꼴의 이름을 찾으려면:
1. WhatFont 아이콘을 클릭하여 활성화
2. 식별하려는 글꼴 위로 마우스를 가져갑니다.
3. 글꼴 이름을 적어둡니다.
4. WhatFont를 끕니다.
다음 단계는 코드에서 해당 글꼴이 있는 CSS를 찾는 것입니다.
1. 이전과 마찬가지로 사용자 지정 도구를 엽니다.
2. Firebug Lite(스크루드라이버가 있는 버그 아이콘)를 엽니다.
3. Firebug를 활성화하면 화면 하단에 해당 사이트의 코드가 표시됩니다.
특히 CSS 전문가가 아닌 경우 이 코드로 작업하는 데 매우 주의해야 합니다. 그러나 지침을 잘 따르면 사이트를 손상시키지 않고 글꼴을 쉽게 변경할 수 있습니다. 계속 진행하기 전에 사이트를 백업하는 것이 좋습니다.
변경하려는 텍스트의 현재 글꼴을 찾으십시오.
1. CSS를 클릭합니다.
2. style.css 파일을 선택합니다. (긴 파일입니다.)
3. Ctrl 키를 누르십시오. + f 그리고 검색창에 적어둔 글꼴을 입력하세요.
4. 이 예에서 저는 Helvetica를 찾고 있었고 스타일 CSS에서 해당 글꼴의 위치를 주황색으로 볼 수 있습니다.
4. 글꼴 위치를 강조 표시하고 복사합니다. 위의 사진에서 노란색으로 강조 표시했습니다. 나열된 위치가 두 개 이상인 경우 그 중 하나만 복사하십시오.
글꼴 컨트롤 만들기
글꼴 컨트롤은 CSS가 변경하려는 글꼴을 사용하는 위치를 플러그인에 알려줍니다. 이 단계는 특히 찾고 있는 글꼴이 사이트의 여러 다른 위치에 있는 경우 약간의 시행착오가 있을 수 있습니다.
1. 관리자 패널로 돌아가 설정 위로 마우스를 가져간 다음 Google 글꼴을 클릭합니다.
2. "새 글꼴 컨트롤 만들기"를 클릭합니다.
3. 새 글꼴의 위치를 설명하도록 이름을 바꿉니다.
4. CSS 목록에서 복사한 위치를 CSS 선택 상자에 붙여넣습니다.
5. 강제 스타일 재정의 상자를 클릭합니다.
6. 저장합니다.
확인
사용자 정의 도구로 돌아가서 글꼴을 변경할 위치를 찾으십시오. 방금 만든 글꼴 컨트롤의 드롭다운 상자를 찾습니다. 아래로 당기고 사용하려는 글꼴을 선택하십시오. 성공적으로 작동하면 클릭하는 즉시 글꼴이 변경됩니다.
작동하지 않으면 글꼴 컨트롤로 돌아가서 붙여넣은 위치를 삭제하고 CSS에서 원래 글꼴이 나열된 다른 위치를 사용하여 다시 시도하십시오. 작동하려면 여러 번 시도해야 할 수 있음을 기억하십시오.
공통 테마를 사용하더라도 WordPress 테마의 글꼴을 변경하는 기능은 사이트에 고유한 모양을 부여합니다. 사이트가 제대로 업데이트되었는지 확인하고 시도해 보세요.