WebFonter: 웹사이트 글꼴 테스트를 위한 혁신적인 도구
WebFonter는 FontShop에서 제공하는 다양한 글꼴 컬렉션을 웹사이트에 적용해 볼 수 있는 Chrome 확장 프로그램이자 북마크 도구입니다. 이 도구를 통해 사용자는 실제 웹사이트 환경에서 글꼴을 시험해보고, 다양한 스타일과 속성을 조정하여 자신에게 맞는 글꼴을 선택할 수 있습니다. WebFonter는 일부 무료 글꼴 옵션도 제공하지만, 대부분의 글꼴은 $45에서 $2000 이상의 가격으로 구매할 수 있습니다.
WebFonter의 주요 기능은 글꼴을 구매하기 전에 사용자가 웹사이트에서 직접 테스트해 볼 수 있도록 하는 것입니다. 이를 통해 제목 스타일, 본문 텍스트 등 다양한 요소에 여러 글꼴을 적용해보고, 줄 높이 및 간격과 같은 글꼴 속성을 변경할 수 있습니다. FontShop 웹사이트를 방문하지 않고도 원하는 글꼴을 선택하고 미리 볼 수 있다는 점이 큰 장점입니다.
Chrome 확장 프로그램을 사용하거나 다른 브라우저 사용자는 북마크릿을 활용할 수 있습니다. 먼저, 테스트하려는 웹사이트로 이동합니다. WebFonter는 라이브 웹사이트와 로컬 호스팅 웹사이트 모두에서 작동하지만, 글꼴을 가져오기 위해서는 인터넷 연결이 필요합니다. 확장 프로그램 또는 북마크릿을 클릭한 후 팝업 창에서 원하는 글꼴과 스타일을 선택합니다.
글꼴을 변경하려면 ‘패밀리 변경’ 버튼을 클릭합니다. 새로운 창이 열리면 글꼴을 유형별로 검색하거나, 찾아보거나, 이름으로 검색할 수 있습니다. 원하는 글꼴을 클릭하거나 커서를 올리면 유사한 글꼴을 찾거나, 해당 글꼴에 대한 자세한 정보를 확인하거나, 즐겨찾기에 추가할 수 있습니다. 글꼴을 선택하면 즉시 웹페이지에 적용됩니다.
화면 오른쪽 상단의 작은 위쪽 화살표를 클릭하면 글꼴 선택 창과 메인 WebFonter 창을 모두 최소화할 수 있습니다. 단축키 ‘Ctrl+H’를 사용해서 숨길 수도 있지만, 먼저 창을 클릭해야 합니다. 그렇지 않으면 인터넷 사용 기록이 새로운 탭에서 열리게 됩니다.
기본적으로 확장 프로그램은 H1 제목 수준과 본문 텍스트에 대한 글꼴을 사용자 지정할 수 있도록 합니다. 첫 번째 글꼴 대체 옵션 위에 커서를 올리면 확장되어 더하기 버튼이 나타납니다. 이 버튼을 클릭하면 글꼴을 적용할 추가적인 속성을 선택할 수 있습니다. 또한, FontShop으로 이동하여 글꼴을 구매할 수 있는 버튼도 제공합니다. ‘미세 조정’ 버튼을 사용하면 글꼴 크기, 줄 높이 및 간격을 자유롭게 변경할 수 있습니다.
WebFonter는 글꼴을 테스트하는 데 매우 유용한 도구이지만, FontShop에서 제공되는 글꼴로만 제한된다는 점은 아쉬움으로 남습니다. 만약 사용자가 직접 다운로드한 글꼴을 로드하여 테스트할 수 있다면 더욱 강력한 도구가 될 수 있을 것입니다.