브라우저 폰트 확장 프로그램 - 그리고 그 한계
WhatFont, Fontanello와 같은 확장 프로그램을 통해 마우스를 올리거나 클릭하여 폰트를 확인할 수 있습니다. 비교 및 URL 스캐너가 더 나은 경우를 알아봅니다.
인기 폰트 확장 프로그램
WhatFont
텍스트에 마우스를 올리면 폰트 패밀리, 크기, 굵기, 색상을 확인할 수 있습니다. 가장 인기 있는 폰트 검사 확장 프로그램 중 하나입니다.
Pros
- +DevTools 불필요
- +마우스를 올리면 즉시 표시
- +Chrome과 Safari에서 작동
Cons
- −한 번에 하나의 요소
- −전체 페이지 폰트 목록 없음
- −브라우저마다 설치 필요
Fontanello
텍스트를 마우스 오른쪽 버튼으로 클릭하여 폰트 세부 정보를 확인합니다. Chrome과 Firefox에서 사용 가능합니다.
Pros
- +컨텍스트 메뉴 통합
- +깔끔한 출력
- +Firefox에서 작동
Cons
- −요소별로만 가능
- −내보내기 또는 전체 목록 없음
폰트 확장 프로그램의 일반적인 한계
- •확장 프로그램은 한 번에 하나의 요소만 검사합니다 - 완전한 목록 없음.
- •선언되었지만 가시적 텍스트에 적용되지 않은 폰트는 감지할 수 없습니다.
- •설치된 브라우저에서만 작동하므로 원격 감사에 적합하지 않습니다.
- •복잡한 CSS(예: 조건부 @supports 규칙)를 통해 로드된 웹 폰트를 감지하지 못할 수 있습니다.
URL 스캐너를 사용해야 하는 경우
웹사이트가 로드하는 모든 폰트의 완전한 목록 - @font-face, Google Fonts, Bunny Fonts, Fontshare - 을 얻으려면 아래에 URL을 붙여넣으세요. 한 번의 스캔, 완전한 결과, 설치 불필요.
자주 묻는 질문
WhatFont이란 무엇인가요?
WhatFont은 마우스를 올린 텍스트의 폰트 패밀리, 크기, 굵기, 색상을 표시하는 브라우저 확장 프로그램(Chrome, Safari)입니다. 빠른 조회에 적합하지만 한 번에 하나의 요소로 제한됩니다.
WhatFont의 대안이 있나요?
예 - Fontanello는 마우스 오른쪽 버튼 메뉴를 통해 Chrome과 Firefox에서 작동합니다. 확장 프로그램 없이 전체 페이지를 감사하려면 위의 스캐너에 URL을 붙여넣으세요.
확장 프로그램이 페이지의 모든 폰트를 감지할 수 있나요?
아니요. 확장 프로그램은 개별 요소를 검사합니다. 로드되었지만 현재 보이는 텍스트에 적용되지 않은 폰트에 대해서는 알려주지 않습니다. URL 스캐너는 모든 것을 감지합니다.
이 도구를 사용하려면 무엇을 설치해야 하나요?
없습니다. URL을 붙여넣으면 스캐너가 클라우드에서 작업을 수행합니다 - 확장 프로그램, DevTools, 설치가 필요 없습니다.