웹 페이지에서 글꼴을 식별하는 5 가지 방법

방문 페이지 자습서에 롭 희망에 의해 게시,에 20 할 수있다 2018

그래서 당신은 웹을 검색하고 가장 나쁜 글꼴 콤보를 우연히 발견하지만 서체를 식별 할 수 없습니까? 음,이 비디오(아래 목록 라운드 업)에서 나는 그 글꼴을 찾는 방법을 정확히 보여…

폰타넬로(크롬+파이어 폭스)

폰타넬로 크롬과 파이어 폭스 확장,내 의견으로는,웹 페이지가 사용하는 글꼴을 찾을 수있는 가장 빠른 방법입니다. 당신은 단순히 텍스트를 마우스 오른쪽 버튼으로 클릭 메뉴에서 폰타넬로를 찾아 폰트 가족 및 몇 가지 추가 속성이 포로.이 글꼴 검색에 올 때 크롬과 사파리 확장은 내가 가장 좋아하는 옵션입니다. 도구를 활성화하려면 브라우저 메뉴에서 어떤 글꼴 아이콘을 클릭해야합니다. 지금 당신은 폰타 넬로 대 글꼴 고장의 더 나은 시각화를 허용 텍스트의 여러 부분을 선택할 수 있습니다.

비주얼 인스펙터(크롬)

비주얼 인스펙터 크롬 확장 프로그램은 위의 두 가지보다 조금 더 깊이를 제공합니다. 당신은 단순히 다음,이 도구를 활성화 드롭 다운에서 타이포그래피 섹션을 통해 머리를 크롬 메뉴에서 시각 관리자 아이콘을 클릭합니다. 이제 웹 페이지 내의 모든 타이포그래피의 추가 분석과 함께 사용되는 글꼴 패밀리가 표시됩니다.

좋은 오래된 코드 검사(모든 브라우저)

당신이 브라우저 확장 수십 설치를 피하려고한다면,우리는 좋은 오래된 코드 검사를 통해 사용되는 글꼴에 대한 자세한 내용을 찾을 수 있습니다:

당신이 구글 크롬을 사용하는 경우,오른쪽 미스터리 텍스트를 클릭 검사를 선택합니다. 개발자 도구 팝업,스타일 탭에 있는지 확인 하 고 글꼴에 대 한 자세한 내용은 글꼴 가족 속성에 머리.

당신이 파이어 폭스를 사용하는 경우,텍스트를 마우스 오른쪽 버튼으로 클릭 요소 검사를 선택합니다. 자신의 관리자가 팝업,지금 당신이 필요로하는 정보에 대한 편리한 글꼴 탭에 머리.

사파리를 사용하는 경우,사파리 환경 설정의 고급 탭의 하단에있는 상자를 선택하여 개발자 메뉴가 표시되는지 확인하십시오. 이제 텍스트를 마우스 오른쪽 버튼으로 클릭하고 요소 검사를 선택하십시오. 닫힌 경우 세부 정보 사이드 바를 열고 스타일 계산 옵션을 선택하십시오. 글꼴 패밀리 섹션은 스타일 속성 내에서 글꼴 정보를 표시합니다.

이름이 바뀐 글꼴 발견(고급 방법)

우리가 직면 할 수있는 장애물은 글꼴 패밀리가 명확하게 명명되지 않은 경우 자연스럽게 글꼴 검사 도구와 방법을 버리는 것입니다. 우리는 실제로 글꼴을 다운로드하여 회수 임무를 시작합니다.

이 작업을 수행하는 방법에는 여러 가지가 있지만 현재 글꼴 이름을 지적하여 시작합니다. 이제 응용 프로그램 탭에 관리자 도구(나는 구글 크롬을 사용하고 있습니다),머리를 열고 프레임 섹션으로 스크롤하고 글꼴을 엽니 다. 우리는 이전에 언급 된 글꼴 이름과 파일 이름을 일치해야합니다. 이제 다운로드 할 수있는 새 탭에서 해당 글꼴을 엽니 다. 마지막으로 우리는 멋진 내 글꼴이 무엇을 할 수 있는지에 글꼴 파일을 드래그? 웹 사이트 및 빵,글꼴 정보가 아름답게 표시됩니다.

많은 사랑,

트위터:@롭
링크드 인:@롭
이메일:

답글 남기기

이메일 주소는 공개되지 않습니다.