데스크톱 및 iOS의 웹사이트에서 글꼴을 찾는 방법

새로운 Ultimate Guides 및 Ebooks 섹션의 디자인 초안을 보았을 때 가장 먼저 궁금했던 것은 “저 머리글 글꼴이 뭐지?”였습니다. 매끄럽고 현대적이지만 신문과 같은 세리프 느낌이 있습니다(스포일러: Raleway였습니다).

이제 디자이너에게 글꼴이 무엇인지 물어볼 수 있었지만 그것은 내 위압적인 자아와 잘 어울리지 않았을 것입니다. 그래서 대신 찾아주는 확장 프로그램을 사용했습니다. 사람과의 접촉을 피할 수 있는 확장 프로그램? 나는 당신이 이미 흥미가 있다고 말할 수 있습니다.

Chrome, Safari, Firefox와 같은 데스크톱 브라우저와 이제 iOS 8을 실행하는 iPhone 또는 iPad에서도 이 작업을 수행할 수 있습니다. 어떻게? 알아 보려면 계속 읽으십시오.

데스크탑에서 글꼴 찾기

WhatFont는 페이지의 소스 코드를 스캔하고 문제의 글꼴을 알려주는 Chrome 및 Safari용 확장 프로그램입니다. 그리고 대부분의 경우 제대로 작동합니다. Firefox 사용자라면 Font Finder를 확인하십시오.

앱이 작동하는 방식은 다음과 같습니다. 확장 프로그램을 다운로드하고, 권한을 부여하고, 활성화하고, 확장 프로그램 모음에 놓입니다.

이제 페이지를 탐색하다가 이름을 알고 싶은 글꼴을 발견하면 WhatFont 버튼을 클릭하십시오.

이제 마우스 포인터를 텍스트 위로 가져가면 확장 프로그램에서 원하는 글꼴을 즉시 알려줍니다. 그것을 클릭하면 풍선이 확장되어 글꼴, 글꼴 모음, 크기 및 줄 높이까지 미리 볼 수 있습니다.

iOS 8의 Safari용 WhatFont

믿거 나 말거나… iOS 8은 확장 기능을 지원합니다. 액션 확장은 Safari와 같은 브라우저에서 지원됩니다. 이것이 의미하는 바는 폐쇄형 시스템인 iOS가 확장 라이브러리에 액세스할 수 있다는 것입니다. ~ 전에 안드로이드는 합니다. 그, 나는 기대하지 않았다. 어쨌든, 여기 있습니다. Android에서도 이 작업을 수행하는 방법을 알고 있다면 의견에 알려주십시오.

iOS에서 WhatFont 앱을 다운로드합니다. 그 자체로는 아무 것도 할 수 없습니다. 확장 프로그램을 활성화하는 방법에 대한 가이드만 표시됩니다. Safari로 이동하여 공유 버튼을 클릭하고 맨 아래 행에서 오른쪽 끝까지 밀고 클릭합니다. 더. 여기에서 활성화 WhatFont.

이제 Safari에서 해당 페이지를 열고 화면을 탭한 다음 식별하려는 글꼴이 있는 텍스트 위로 드래그합니다.

클릭 공유 버튼, 선택 WhatFont, 글꼴에 대한 세부 정보가 있는 화면이 표시됩니다. 여기에서 글꼴 모음, 글꼴 유형 및 글꼴 크기까지 볼 수 있습니다.

가장 좋아하는 글꼴은 무엇입니까?

나는 Menlo Regular를 입력하지만 Avenir Next 또는 평범한 오래된 Helvetica에서 읽는 것을 선호합니다. 나는 Tisa, Georgia, Lyon과 같은 Instapaper에서 사용되는 글꼴의 팬이기도 합니다. 당신은 어때요? 가장 좋아하는 글꼴은 무엇입니까? 아래 의견에 알려주십시오.