커뮤니티나 다른 분들의 블로그를 돌아다니다 보면 문득 사용된 폰트가 무엇일까 궁금해지곤 합니다. 아무래도 블로그를 운영하기 때문에 예쁜 폰트를 보면 궁금해지는 건 어쩔 수 없는 것 같더군요. 그런데 그럴 때마다 커뮤니티 운영자나 블로그 주인에게 해당 폰트가 무엇인지 물어볼 수도 없는 노릇이죠.

그럴 땐 구글 크롬의 WhatFont 라는 확장 프로그램을 사용하면 됩니다.



확장 프로그램의 사용법은 매우 간단합니다. 폰트를 확인하고 싶은 웹 페이지를 발견했으면, 확장 프로그램에서 WhatFont 아이콘을 클릭한 후 폰트 정보의 확인을 원하는 위치를 클릭하면 해당 부분에 설정된 폰트 정보를 바로 확인할 수 있습니다. 그러면 아래와 같이 설정되어 있는 폰트와 실제로 현재 적용된 폰트 정보가 출력됩니다. [이 때 Font Size 와 Line Height 는 CSS 상에서 설정된 값이 아닌 현재 출력된 Pixel 값을 출력해줍니다.]



만약에 해당 웹 페이지에 적용된 폰트가 시스템에 존재하지 않아 적용되지 않은 폰트가 있다면 아래와 같이 취소선을 통해 해당 폰트가 적용되지 않았음을 표시해 줍니다. 페이스북은 Lucida Grande 폰트를 기본 폰트로 사용하지만 제 시스템에는 해당 폰트가 없기 때문에 다음 폰트인 Tahoma 폰트가 적용된 것을 확인할 수 있습니다.



종료할 땐 키보드의 ESC 키를 누르시면 됩니다. 간단하지만 블로그를 운영하시거나 HTML 을 자주 다루시는 분들께는 꽤나 유용할 것 같네요. 그럼 잘 사용하세요. ^^

생각난 김에 덤으로 올리는 Lucida Grande 폰트와 전설의 폰트 Hevetica 입니다. (TTF) 무료 폰트이고 용량도 작으니 부담가지지 마시고 설치해두셔도 좋을 듯 합니다. 꽤나 많이 사용되는 폰트들이거든요. ^^

Lucida Grande.zip
Helvetica.zip

 

 

신고
캐플 블로그에 공개된 글은 반드시 원본 글의 링크를 포함시키는 조건으로 자유롭게 이용하실 수 있습니다.
하지만 블로그의 발전을 위하여 되도록이면 링크로 글을 소개해주시길 부탁드립니다. ^^

- 상업적인 용도의 사이트는 대상에서 제외됩니다. -
- 글에는 오류가 있을 수 있고, 추후 수정 또는 재발행될 수 있습니다. -

댓글을 달아 주세요

- 댓글에선 예의를 지켜주시기 바라며, 블로그지기는 댓글에서 따로 활동하지 않습니다.

* 티스토리 사용자는 여기를 클릭하시면 로그인 됩니다.

BBCode 안내   굵게 밑줄 기울임 취소선   취소선 취소선 취소선 취소선   왼쪽 정렬 가운데 정렬 오른쪽 정렬   코드박스 인용구 이미지   이미지 업로드-Imgur.com