웹 사이트에서 글꼴 크기 및 얼굴을 확인하는 방법

디자인 중이거나 특정 웹 사이트의 모양과 상관없이 사이트에서 사용하는 글꼴 유형과 크기를 알면 사이트를 에뮬레이트하거나 자신의 웹 사이트에서 사용하는 데 도움이 될 수 있습니다. 이를 달성하는 방법에는 여러 가지가 있으며 여기서 몇 가지를 보여 드리겠습니다. 따라서 웹 사이트에서 글꼴 유형과 크기를 확인하려면 계속 읽으십시오!

말 그대로 수백만 개의 글꼴이 있으므로 완벽한 글꼴이 오래 걸리는 것을 알 수 있습니다. 좋은 점을 발견하면 그 점이 무엇인지 찾아야합니다. 그렇지 않으면 선을 잃을 수 있습니다. 특히 좋은 글꼴 인 경우 자체 웹 사이트, Office 글꼴 또는 글꼴 유형에 따라 Windows 내에서 사용할 수 있습니다. 일부 글꼴은 저작권이 있으며 공용으로 사용할 수 없다는 점을 명심하십시오.

웹 사이트에서 글꼴 유형 및 크기 확인

모든 웹 사이트에서 글꼴 유형 및 크기를 확인하는 몇 가지 방법이 있습니다. 가장 쉬운 방법은 브라우저 자체를 사용하는 반면 다른 방법은 타사 도구를 사용하여 페이지 자산을 식별합니다. 두 가지 유형을 모두 다룰 것입니다. 먼저 내장 브라우저 방법에 중점을 둘 것입니다.

원하는 모양의 페이지를 마우스 오른쪽 단추로 클릭하고 요소 검사 (Firefox), 검사 (Chrome) 또는 F12 개발자 도구 (가장자리)를 선택하십시오.
새 하단 창에서 Inspector (Firefox)를 선택하고 글꼴에 도달 할 때까지 오른쪽에서 아래로 스크롤하십시오. 글꼴 모음, 사용 된 특정 글꼴, 크기, 색상 및 페이지가 정의한 다른 항목이 표시되어야합니다.

다른 CMS 및 웹 디자인은 다양한 방식으로 글꼴 정보를 표시합니다. 몇몇 웹 페이지에서이 방법을 시도하면 글꼴이 정의 된 몇 가지 다른 방법을 보게 될 것입니다.

글꼴 유형 및 크기를 식별하는 타사 도구

플러그인 또는 북마크릿으로 작동하고 글꼴 유형을 식별 할 수있는 타사 애드온이 몇 가지 있습니다. Safari를 포함한 대부분의 브라우저에서 작동하므로 문제없이 작업 할 수있는 것을 찾아야합니다.

방화범

Firebug는 개발자를위한 Firefox 전용 디버깅 도구였습니다. 너무 인기가있어 이제는 브라우저에 구애받지 않고 대부분의 브라우저에서 작동합니다. 글꼴을 포함하여 웹 페이지의 모든 요소를 확인할 수있는 매우 다양한 도구입니다.

평소와 같이 애드온을 설치하고 페이지에서 일부 텍스트를 강조 표시하고 Firebug 내의 HTML 탭을 클릭 한 다음 오른쪽의 '계산'을 클릭하십시오. Firebug는 글꼴 이름, 글꼴 모음, 크기, 무게 및 알아야 할 모든 것을 강조 표시해야합니다.

그러나 Firebug는 2017 년 현재 중단되었습니다. 이전 버전은 계속 다운로드 할 수 있지만 더 이상 업데이트되지 않으며 브라우저가 진화함에 따라 Firebug의 기능이 손실 될 수 있습니다.

WhatFont

WhatFont는 웹 페이지에서 글꼴을 식별 할 수있는 책갈피입니다. 북마크릿을 북마크 바로 드래그하여 거의 모든 글꼴을 식별 할 수 있습니다. 무료로 사용할 수 있으며 매우 간단합니다. 원하는 웹 페이지로 이동하여 북마크를 클릭 한 다음 식별하려는 글꼴 위로 마우스를 가져갑니다. 그 위에 작은 검은 상자가 나타나서 글꼴을 알려줍니다.