웹 페이지의 타이포그래피를 아는 방법

타이포그래피 웹사이트를 알고

디자이너로서 우리는 타이포그래피의 세계를 사랑하며 이것이 많은 출판물에서 그것에 대해 이야기하는 이유입니다. 우리는 서체의 비하인드 스토리부터 성공적인 조합까지 이야기했습니다. 오늘은 웹 페이지의 글꼴을 아는 방법에 대해 이야기할 것입니다., 영감을 얻는 더 좋은 방법은 다른 크리에이티브의 작업에서 참조를 찾는 것보다 없기 때문입니다.

확실히, 여러 번 다른 웹 포털에 들어가고 미학과 인쇄상의 선택이 주의를 끌었습니다.. 많은 출판물에서 이미 지적했듯이 타이포그래피는 디자이너로서 우리 자신을 표현하는 데 도움이 되는 매우 강력한 요소입니다. 다양한 웹사이트에서 찾을 수 있는 글꼴은 무한하며, 목적에 따라 하나의 활자체 스타일을 선택합니다.

웹 페이지에 들어가고 서체에 매력을 느끼고 개인 인쇄 카탈로그에 추가하기 위해 그것이 어떤 가족인지 알아야 할 필요성을 느끼는 것은 처음이나 마지막이 아닐 것입니다. 이번 포스팅에서는 여러분의 관심을 끈 서체를 찾을 수 있도록 몇 가지 방법을 알려 드리겠습니다.

검색 옵션 1: 이미지 사용

우리가 당신에게 지적하는 첫 번째 방법, 웹 사이트에 대한 액세스 권한이 없는 경우에만 사용하는 것이 좋습니다. 글꼴의 스크린샷이 있는 경우 그것은 당신의 관심을 끌었다, 그것은 정확한 글꼴로 발생하지 않을 가능성이 높지만 유사한 글꼴이 나타날 것입니다. 특정 브랜드가 어떤 서체를 사용하고 있는지 알고 싶을 때 이미지나 벡터 형식이라면 이상적이다.

액세스해야 하는 온라인 플랫폼은 MyFonts이며 도구 이름은 WhatTheFonts. 이 도구는 찾고 있는 글꼴을 알 수 있는 가능성을 제공하는 확장 프로그램입니다.. 캡처한 이미지를 웹사이트에 업로드하기만 하면 프로그램에서 분석할 텍스트를 묻습니다. 선택하면 스크린샷에 있는 것과 유사한 다른 글꼴이 표시됩니다.

Facebook 로고가 있는 예를 남겨 둡니다. 우리는 이 과정이 약간 지루할 수 있고 결과적으로 정확한 타이포그래피를 제공하지 않는다는 점을 고려합니다. 이 도구는 내부 글꼴 라이브러리에 의해 제한됩니다.

페이스북 검색

검색 옵션 2: 브라우저 검사기

웹 페이지의 타이포그래피를 검색하는 이 두 번째 옵션에서, 우리는 웹 브라우저에서 인스펙터를 사용하기로 했습니다. 이 옵션은 디자이너가 가장 많이 사용하는 옵션 중 하나입니다. 그래픽 및 웹 디자이너. 이 경우 우리는 이 도구를 통해 여러분 중 일부가 몰랐을 수도 있는 많은 것을 얻을 것입니다.

우선, 우리는 서로 다른 브라우저, 특히 두 브라우저를 구별할 것입니다. 한편으로는 Chrome 및 기타 Chromium 기반 브라우저를 찾고 다른 한편으로는 Firefox를 배치합니다. 지적하다, 그 어떤 브라우저를 사용하든 항상 동일한 단축키인 Ctrl+Shift+I를 사용하여 검사기에 액세스합니다.

크롬을 사용하신다면속성 옵션을 열면 세 개의 다른 패널이 나타납니다. 어떤 글꼴이 사용되고 있는지 알아보려면 웹에서 사용되는 텍스트를 검색해야 합니다. 제공된 두 번째 패널에서 검색하고 "계산"옵션을 선택하십시오. 그런 다음 "Font – family"를 검색합니다. 보시다시피 타이포그래피 계열의 이름이 그 옆에 나타납니다.

다음 이미지에서 방금 말한 이 정보가 표시되는 방식을 알려드립니다. 사용된 서체에 대한 데이터 외에도 크기, 색상, 무게 등과 같은 기타 중요한 데이터가 나타납니다.

구글 체커

또한, Mozilla Firefox 브라우저를 사용하는 경우 프로세스는 Chrome에서 본 것과 유사합니다., 변경되는 유일한 것은 우리가 찾고 있는 정보가 다른 영역에 나타난다는 것입니다. 이 브라우저에는 웹사이트에 나타나는 글꼴 스타일에 대한 특정 탭이 있습니다.

이전의 경우와 마찬가지로 우리가 언급한 것과 동일한 바로 가기로 인스펙터를 열면 다시 세 개의 다른 패널이 나타납니다. "서체"라는 이름 아래에 탭이 있는 항목으로 이동해야 합니다., 이름에서 알 수 있듯이 필요한 모든 데이터를 찾을 수 있습니다. "페이지의 모든 글꼴"이라는 섹션이 있으며 모든 글꼴과 함께 목록이 나타납니다.

파이어폭스 검색

이 경우, 미터를 사용하여 다양한 타이포그래피 매개변수를 수정할 수도 있습니다.. 이를 통해 타이포그래피가 약간 변경되면 어떻게 보일지, 어떻게 다르게 보일지 경험할 기회를 제공합니다.

검색 옵션 3: 플러그인 사용

우리가 당신에게 제공하는 마지막 옵션은 짧은 시간 동안 알려졌으며 아마도 최근에 가장 적게 사용된 방법입니다. 브라우저 플러그인을 이용한 웹폰트 검색 옵션입니다.

요구 사항을 충족하기 위해 장치에 추가하고 특정 작업을 수행할 수 있는 수천 개의 플러그인이 있습니다. 이 옵션은 단순성 덕분에 즐겨찾는 옵션 중 하나가 될 것입니다. Fontface Ninja, WhatTheFonts 또는 Visbug를 권장합니다.

선택한 플러그인이 브라우저에 설치되면 아이콘을 클릭하기만 하면 옵션 메뉴가 즉시 나타납니다. 화면 왼쪽에 있습니다. 이 메뉴의 두 번째 아이콘을 클릭하면 분석하려는 텍스트 영역에 마우스 커서를 가져가기만 하면 해당 글꼴에 대한 정보 상자가 자동으로 나타납니다.

검색 플러그인

이 옵션에서는 앞의 두 가지 경우와 같이 글꼴 색상, 두께, 선 크기 등에 대한 데이터도 표시됩니다. 타이포그래피의 세계를 사랑하고 어떤 글꼴이 그들의 관심을 끌었는지 몇 초 만에 알고 싶은 사람들에게 매우 유용한 도구입니다.

이 출판물에서 웹 페이지에서 사용되는 서체를 찾기 위한 세 가지 매우 간단한 검색 옵션이 있음을 관찰할 수 있었습니다. 가장 적합하고 작업하기 편한 옵션을 선택하기만 하면 됩니다. 대부분의 경우 이러한 검색 도구는 작업량을 줄이고 매력적인 디자인을 만드는 데 도움이 됩니다.


코멘트를 첫번째로 올려

코멘트를 남겨주세요

귀하의 이메일 주소는 공개되지 않습니다. 필수 필드가 표시되어 있습니다 *

*

*

  1. 데이터 책임자 : Miguel Ángel Gatón
  2. 데이터의 목적 : 스팸 제어, 댓글 관리.
  3. 합법성 : 귀하의 동의
  4. 데이터 전달 : 법적 의무에 의한 경우를 제외하고 데이터는 제 XNUMX 자에게 전달되지 않습니다.
  5. 데이터 저장소 : Occentus Networks (EU)에서 호스팅하는 데이터베이스
  6. 권리 : 귀하는 언제든지 귀하의 정보를 제한, 복구 및 삭제할 수 있습니다.