WebFonter: FontShop에서 글꼴을 가져와 모든 웹사이트에서 테스트 실행

웹폰터는 크롬 확장 프로그램이자 북마크릿으로, 다양한 글꼴을 제공하는 폰트샵(FontShop)에서 글꼴을 시험해 볼 수 있도록 해줍니다. 폰트샵은 다양한 글꼴을 구매할 수 있는 곳입니다. 무료 글꼴도 제공하지만, 선택의 폭은 좁습니다. 글꼴 가격은 45달러에서 2,000달러 이상까지 다양합니다. 웹폰터는 웹사이트에서 구매 전 체험판처럼 글꼴을 미리 체험해 볼 수 있도록 해줍니다. 글꼴을 다양하게 변형하고, 제목 스타일과 본문에 여러 글꼴을 적용하고, 줄 간격과 같은 글꼴 속성을 변경할 수 있습니다. 웹사이트를 직접 방문하여 글꼴이 어떻게 보이는지 확인할 필요 없이 폰트샵에서 원하는 글꼴을 선택할 수 있습니다.

Chrome 사용자는 확장 프로그램을 사용할 수 있으며, 다른 브라우저를 사용하는 경우에도 북마크릿을 사용할 수 있습니다. 작업 중인 웹사이트로 이동하세요. 라이브 웹사이트와 로컬 호스팅 웹사이트 모두에서 작동하지만, 확장 프로그램이 글꼴을 가져오려면 인터넷 연결이 필요합니다. 확장 프로그램/북마크릿을 클릭하고 팝업 창에서 글꼴과 사용할 용도를 선택하세요.

다른 글꼴을 선택하려면 '패밀리 변경'을 클릭하세요. 그러면 두 번째 창이 열리고 글꼴을 유형별로 검색하거나, 찾아보거나, 이름으로 검색할 수 있습니다. 사용해 보고 싶은 글꼴을 클릭하거나, 커서를 글꼴 위에 올려놓으면 유사한 글꼴을 찾거나, 해당 글꼴에 대한 자세한 정보를 보거나(웹 페이지가 열림), 즐겨찾기에 추가할 수 있습니다. 글꼴을 클릭하면 선택되고, 웹 페이지의 변경 사항이 즉시 반영됩니다.

오른쪽 상단의 작은 위쪽 화살표를 클릭하면 글꼴 선택 창과 WebFonter 기본 창을 모두 최소화할 수 있습니다. Ctrl+H를 누르면 숨길 수 있습니다. 창을 먼저 클릭해야 합니다. 그렇지 않으면 새 탭에 검색 기록이 표시됩니다.

기본적으로 이 확장 프로그램을 사용하면 H1 제목 레벨과 본문 텍스트의 글꼴을 사용자 지정할 수 있습니다. 하지만 첫 번째 글꼴 바꾸기 옵션 위에 커서를 올려 놓으면 더하기 버튼이 확장되어 나타납니다. 이 버튼을 클릭하고 글꼴을 적용할 속성을 선택하세요. 또한 FontShop에 접속하여 글꼴을 구매할 수 있는 구매 버튼도 표시됩니다. Tweak 버튼을 사용하면 글꼴의 크기, 줄 간격, 간격을 변경할 수 있습니다.