일반적으로 문서를 작성할 때는 하나의 서체만 사용하는 것이 보편적입니다. 다양한 서체를 혼용하는 것은 좋은 방법으로 여겨지지 않습니다. 하지만 이는 인쇄물이나 웹 디자인에만 국한된 규칙입니다. 포스터나 배너와 같은 이미지 디자인에서는 여러 서체를 활용하여 더욱 멋진 결과물을 만들 수 있습니다. 적절한 서체를 찾는 것 자체도 어렵지만, 서로 어울리는 서체들을 조합하는 것은 더욱 복잡한 작업입니다. 시행착오를 거치는 과정은 상당한 시간을 필요로 합니다. 무료 서체 자료로 널리 알려진 Google Fonts를 이용한다면, Brandmark에서 제공하는 서체 생성기를 활용해 보세요. Google Fonts 서체들을 조화롭게 연결해주는 유용한 웹 애플리케이션입니다.
이 웹 앱을 사용하면 최대 세 가지의 Google Fonts 서체를 조합해 볼 수 있습니다. 원하는 세 가지 서체를 직접 선택하여 조합했을 때의 모습을 미리 확인할 수 있으며, 혹은 하나의 서체를 선택하면 앱이 어울리는 서체를 추천해주는 기능도 제공합니다. 서체 간의 차이나 유사성을 사용자가 직접 조절할 수도 있습니다.
Google Fonts 조합하기
서체 생성기 웹 앱을 방문하세요. 이미 선택해둔 서체가 있다면 드롭다운 메뉴에서 선택할 수 있습니다. 만약 없다면, 앱에서 제공하는 무작위 조합 기능을 이용해 볼 수 있습니다. 세 가지 서체를 모두 선택한 후에는 함께 놓았을 때 어떤 모습인지 미리 볼 수 있습니다. 서체 간의 차이 정도를 조절하고 싶다면 서체 선택 도구 아래에 있는 변형 슬라이더를 이용하여 원하는 수준을 설정하세요.
변형 정도를 조절할 때 서체 드롭다운 메뉴의 서체 이름이 바뀌어야 하는 것이 이상적이지만 항상 그렇게 작동하는 것은 아닙니다. 이는 앱의 작은 오류이므로 크게 신경 쓸 필요는 없습니다. 화면을 아래로 스크롤하면 미리보기 섹션에서 서체들이 서로 어떻게 어울리는지 확인할 수 있습니다. 조합이 마음에 든다면, 해당 서체를 클릭하여 다운로드 페이지로 이동할 수 있습니다.
더 아래로 스크롤하면 현재 서체 조합을 공유할 수 있는 링크가 제공됩니다.
HTML 및 CSS
Brandmark의 서체 생성기는 웹 페이지에 서체를 적용하고 싶을 경우를 대비하여 웹사이트에 추가할 HTML 및 CSS 코드 스니펫도 함께 제공합니다. 웹 페이지용 서체 조합이 필요하지 않다면, 서체를 다운로드하여 시스템에 설치한 후 디자인 도구에서 활용할 수도 있습니다.
Brandmark의 서체 생성기는 마치 색상 팔레트 생성기처럼 작동합니다. 색상 팔레트 생성기를 이용하면 테마 내 색상 개수 및 각 색상 간의 대비 정도를 설정할 수 있는 것처럼, 이 도구를 활용하여 서체 조합을 만들고, 필요에 따라 변형 수준을 조절할 수 있습니다. 다만, 무료 서체만 지원한다는 제약이 따릅니다. 매우 많은 수의 서체가 존재하기 때문에 모든 서체를 조합하고 찾을 수 있을 것이라는 기대는 하지 않는 것이 좋습니다.