이 폰트 무슨 폰트일까? 궁금할 때 찾아보는 방법 4가지

웹사이트를 둘러보다 보면 종종 시선을 사로잡는, 감각적이고 세련된 폰트를 만나는 순간이 있습니다. 특히 디자인에 관심이 있거나 직접 글을 쓰는 사람이라면, 이런 멋진 폰트를 발견했을 때 꼭 이름을 알아내고 싶을 때가 있습니다.

그래서 이 글에서는 웹페이지나 이미지 속에 사용된 폰트가 어떤 것인지 알아보는 방법들을 소개하려고 합니다. 어렵고 복잡할 것 같지만, 사실은 생각보다 간단하게 확인할 수 있는 방법들이 있습니다. 폰트를 찾아낼 수 있는 유용한 도구들을 지금부터 함께 알아보겠습니다. 

 

1. 웹폰트로 사용된 경우

쉽게 말해 화면에 사용된 폰트가 마우스 드래그로 긁어진다면, 웹폰트를 사용했다고 볼 수 있습니다. 이 경우 브라우저의 '개발자도구'를 활용하면 폰트의 이름을 알아낼 수 있습니다. 텍스트에 블록지정을 한 후 [마우스 우클릭->검사 또는 개발자도구] 컨텍스트 메뉴를 클릭하세요. 

개발자도구를 켰을 때의 화면

블록지정한 텍스트의 html코드와 CSS속성이 표시됩니다. 빨간색 네모 표시한 곳을 주의 깊게 봐주시길 바랍니다. '스타일' 탭에서도 폰트명을 확인할 수 있지만 더 쉽게 보려면 그 옆에 있는 [계산됨] 탭을 눌러보세요. font-family라는 속성에 있는 Pretendard, system-ui ....와 같은 폰트 이름을 확인할 수 있습니다. 콤마로 여러 개의 폰트가 연결되어 있는 경우는 '처음 호출한 폰트로 적용하고, 그 폰트를 호출할 수 없을 땐 두 번째, 두 번째 폰트도 호출할 수 없다면 세 번째를 불러와라.'라는 의미로 받아들이면 됩니다. 대체로 첫 번째로 호출한 폰트로 적용되어 있을 것입니다. 이렇게 "Pretendard" 폰트를 사용한 것을 알 수 있게 되었습니다.

 

2. 산돌구름 : 이미지에 사용된 폰트를 알아보자 

https://www.sandollcloud.com/font-finder-image/

폰트 통합 검색, 폰트 이미지 검색 | 산돌구름

이미지 파일을 업로드하거나 url을 작성하면 자동으로 폰트를 검색해 줍니다. 비슷한 스타일의 여러 가지의 폰트를 보여주기 때문에 검색 결과가 부정확한 경우에도 보완을 해 줍니다. 물론 비슷한 스타일의 다른 폰트를 접할 수 있어서 디자인 작업 시 참고자료로 활용할 수 있습니다. 

 

 

3. Myfont : 영문 폰트를 검색할 때

https://www.myfonts.com/pages/whatthefont

WhatTheFont Font Finder - Identify Fonts by Image

 

Myfonts는 엄청나게 방대한 양의 폰트의 데이터를 가지고 있습니다. 영문폰트를 검색할 때 유용한 도구입니다. 산돌구름과 마찬가지로 이미지 파일을 업로드하거나 url을 입력해서 검색할 수 있습니다. 

 

4. Fontsquirrel : 영문 폰트를 검색할 때 

https://www.fontsquirrel.com/matcherator

Identify Fonts - The Font Squirrel Matcherator

 

Myfonts와 유사한 서비스입니다. 유사한 폰트의 목록을 함께 표시하고, 폰트의 가격 정보도 같이 공개가 됩니다. 

폰트 검색 결과

 

번외 : chatgpt를 이용한 검색

챗GPT를 이용해 폰트 이름을 검색해 보았습니다. 왼쪽 그림에서 사용된 폰트의 이름은 '온글잎 콘콘체'입니다. 스타일의 분석은 훌륭했으나, 유사한 폰트 목록에는 '온글잎 콘콘체'가 없습니다. 우측은 파파고 로고를 검색해 본 결과입니다. 커스텀 혹은 변형된 버전일 수 있다는 가능성을 언급한 부분은 만족스러운 결과인 것 같습니다. 

아직 한글 폰트에 대한 정보는 많지 않은 것이 아닌가 하는 추측이 됩니다. 한글 폰트 검색은 단연코 산돌구름 서비스가 좋은 것 같습니다.

챗GPT를 이용한 폰트 검색