CRX id
heekabghckkgoapddaomdnnmhmhpibgp
heekabghckkgoapddaomdnnmhmhpibgp
Description from extension meta
서체 찾기로 웹사이트에서 글꼴을 찾아보세요. 글꼴 및 서체 세부정보를 포함하여 서체를 빠르게 찾으세요.
Image from store
Description from store
👋 웹사이트에서 아름다운 텍스트를 보고 그게 무엇인지 궁금해 본 적이 있나요?
디자이너로서 영감을 모으고 있거나, 개발자로서 구현을 확인하고 있거나, 단순히 궁금한 경우, 이 서체 찾기 확장 프로그램은 웹사이트의 어떤 텍스트의 시각적 스타일을 즉시 밝혀주는 데 도움을 줍니다. 어떤 줄, 헤더, 버튼 또는 단락 위에 마우스를 올리면 그 뒤에 숨겨진 전체 디자인을 쉽게 드러낼 수 있습니다.
간단한 마우스 호버만으로 필요한 모든 정보를 확인할 수 있습니다: 텍스트 크기, 줄 높이, 간격, 패밀리, 두께, 색상 — 그리고 예, 웹사이트에서 사용된 서체에 대한 전체 세부정보도 확인할 수 있습니다. 개발 도구를 열거나 스타일시트를 뒤지거나 추측할 필요가 없습니다. 당신이 중요하게 생각하는 모든 정보가 실시간으로 표시됩니다.
🎯 이 서체 찾기 확장 프로그램은 정확히 무엇을 하나요?
이 도구는 어떤 사이트에서든 글꼴과 서체를 마찰 없이 검사할 수 있게 해줍니다. 텍스트 위에 마우스를 올리기만 하면 시각적 스타일에 대한 실시간 데이터를 볼 수 있습니다. 맞춤형 웹 글꼴이든 인기 라이브러리의 일반 서체이든, 이 확장 프로그램은 모든 특성을 즉시 보여줍니다.
📌 주요 기능:
텍스트 위에 마우스를 올려 스타일 정보를 표시
대부분의 웹 글꼴, 시스템 글꼴 및 맞춤형 서체와 호환
글꼴 크기, 패밀리, 두께, 줄 높이, 글자 간격 및 색상 표시
브라우징에 방해받지 않고 실시간 피드백 제공
현대 프레임워크 및 동적 콘텐츠 지원
🧠 왜 사용해야 하나요?
추측하는 것은 느리기 때문입니다. 서체 찾기는 어떤 서체가 사용되고 있는지 식별하는 데 필요한 추측을 없애줍니다. 다음과 같은 경우에 완벽합니다:
✔️ 특정 글꼴 스타일을 복제하거나 영감을 얻고자 하는 디자이너
✔️ 페이지가 올바른 서체 패밀리를 사용하는지 확인하는 개발자
✔️ 웹사이트가 브랜드에 맞는지 확인하는 브랜딩 팀
✔️ 좋아하는 웹사이트에서 사용된 글꼴 조합을 탐색하는 호기심 많은 사용자
브라우저 개발 도구나 외부 사이트에 의존하는 대신, 이 도구는 당신이 있는 바로 그곳 — 라이브 페이지에서 글꼴 및 서체 정보를 보여줍니다.
🔍 사용 사례 예시:
당신은 딱 맞는 타이포그래피가 있는 랜딩 페이지를 봅니다. 마우스를 올려 글꼴 이름, 서체 패밀리 및 두께를 확인합니다.
디자인 시스템을 업데이트하고 여러 페이지에서 일관된 서체 사용을 확인해야 합니다. 이 확장 프로그램이 시간을 절약해 줍니다.
여러 출처에서 예제를 모아 무드 보드를 만들고 있습니다. 이 도구를 사용하여 실시간으로 글꼴 및 서체 메타데이터를 수집합니다.
클라이언트가 경쟁사의 사이트와 유사한 시각적 느낌을 요청합니다. 그들이 사용하는 정확한 스타일을 식별하고 재사용합니다.
당신은 기사를 읽고 있고 본문 텍스트가 유난히 읽기 쉽습니다. 1초 만에 서체를 알아냅니다.
✨ 빠르고 친근하며 집중적입니다.
복잡한 디자인 도구나 부피가 큰 서체 찾기와는 달리, 이 확장 프로그램은 필요할 때까지 보이지 않도록 만들어졌습니다. 텍스트 위에 마우스를 올리면 — 붐 — 스타일이 나타납니다. 클릭도, 메뉴도, 방해도 없습니다.
그리고 예, 사용 중인 서체에 대한 깔끔한 세부정보를 얻을 수 있습니다. 단순히 일반 서체 패밀리만이 아닙니다.
🌐 어디서나 작동합니다.
▸ 블로그
▸ 전자상거래 사이트
▸ 포트폴리오
▸ 웹 앱
▸ SaaS 대시보드
▸ 광고 배너, 팝업 및 동적 콘텐츠까지
CSS로 스타일링된 한, 서체 데이터를 볼 수 있습니다.
🛠 표시되는 기술 세부정보:
🪛 글꼴 이름
🪛 서체 패밀리
🪛 크기 (px/rem)
🪛 두께 (일반, 볼드, 300 등)
🪛 줄 높이
🪛 글자 간격
🪛 텍스트 색상 (hex 및 RGB)
🪛 맞춤형, 호스팅된 또는 기본값인지 여부
💬 자주 묻는 질문:
❓ 웹사이트에서 어떤 글꼴을 사용하는지 어떻게 찾나요?
✅ 확장 프로그램을 설치하고 텍스트 위에 마우스를 올리면 즉시 답을 얻을 수 있습니다.
❓ 맞춤형 글꼴이라도 서체를 알려주나요?
✅ 예 — 웹 안전 글꼴과 외부 호스팅 글꼴 모두를 확인합니다.
❓ Google Fonts나 Adobe Fonts에서 사용할 수 있나요?
✅ 물론입니다. 자체 호스팅, 임베드 또는 링크된 경우에도 전체 메타데이터를 볼 수 있습니다.
❓ 코드를 수동으로 검사해야 하나요?
✅ 아니요. 그게 바로 요점입니다 — 코딩이 필요 없습니다.
🎨 누가 가장 많은 혜택을 받나요?
🧍♂️ 사이트 간 글꼴 스타일을 비교하는 그래픽 디자이너
🧍♀️ 시각적 일관성을 보장하는 UX 팀
🧍♂️ 앱에서 타이포그래피를 조정하는 개발자
🧍♀️ 라이브 상태를 확인하는 브랜드 관리자
🧍♂️ 무드 보드를 디자인하는 마케팅 팀
🧍♀️ 서체 트렌드를 연구하는 학생
🧍♂️ 글자 형태와 레이아웃에 관심이 있는 누구나
👀 이 도구가 다른 글꼴 도구보다 나은 이유는 무엇인가요?
다른 도구는 여러 번 클릭하거나 스타일시트를 검색하거나 브라우저 탭을 전환해야 할 수 있습니다. 이 확장 프로그램은 즉시 작동하며, 당신의 시야 안에서 바로 작동합니다. 빠르고 가벼우며, 가능한 한 간단한 방식으로 글꼴 및 서체 데이터를 제공합니다.
개발 도구의 혼잡함이나 구식 글꼴 찾기 플러그인을 잊어버리세요. 이 도구는 당신이 작업하는 곳 — 페이지에서, 실시간으로, 방해받지 않고 작동합니다.
🚀 보너스: 다가오는 기능
사이트에서 사용된 서체 목록을 스냅샷하고 저장
• 글꼴 프로필을 CSS로 내보내기
• 여러 글꼴 스타일을 나란히 비교
• 이미지에서 글꼴 찾기 (곧 출시 예정)
🔧 브라우저에 가벼우면서 결과는 크다
빠르게 로드되도록 설계되었으며, 최소한의 메모리를 사용하고 방문하는 사이트에 방해가 되지 않습니다. 필요할 때까지 방해하지 않는 글꼴 검사 도구입니다.
✅ 설정 필요 없음
✅ 권한 필요 없음
✅ 설치하고 호버하기만 하면 됩니다.
📎 시작을 위한 간단한 단계:
Chrome에 확장 프로그램 추가
어떤 웹사이트든 방문
텍스트 위에 마우스를 올리기
실시간으로 서체 및 글꼴 정보를 보기
그 데이터를 사용하여 자신의 프로젝트를 만들거나 개선하거나 탐색하기
🖱️ 호버하고 드러내세요.
🔍 다른 사람들이 놓치는 것을 보세요.
🎨 모든 단어 뒤에 숨겨진 디자인 이야기를 발견하세요.
웹사이트에서 어떤 서체가 사용되는지 알아내거나 글꼴 탐색을 위한 더 매끄러운 작업 흐름을 원하든, 이 도구가 모든 것을 해결해 줍니다.
👆🏻 지금 “Chrome에 추가”를 클릭하고 서체를 검사하는 최고의 도구를 한 번에 사용해 보세요.
Latest reviews
- (2025-07-22) rafid hasan: good
- (2025-07-07) Mariia Burmistrova: I’m a motion designer and often work with text animation. This extension really helps when I need to quickly identify a font I like. It’s easy to use, accurate, and super handy. I’ll definitely keep using it!
- (2025-07-05) Marina Tambaum: Great tool, gives all necessary information about fonts for my work
- (2025-07-05) Aleksey Buryakov: Simplistic and spot on tool.
- (2025-07-03) Mikhail Burmistrov: Awesome extension, easy to use, does the job perfectly