웹 페이지에 적용된 폰트 아주 쉽게 알아내는 방법

웹서핑을 하다가 어떤 특정 사이트에 적용된 글꼴이 궁금해 하던 적이 있으신가요?

여기 웹 페이지에 적용된 폰트를 아주 쉽게 알려 주는 툴이 있어 소개합니다.

크롬의 부가 기능인 확장 프로그램을 이용하면 되는데요.

당연한 얘기지만 웹서핑은 크롬으로 해야 겠지요

이 곳에서 WhatFont라는 확장 툴을 크롬에 설치합니다.

WhatFont가 크롬에 설치가 되면 오른쪽 툴바에 요런 모양의  아이콘이 생성되는데...

글꼴이 궁금했던 웹 페이지로 이동해 봅니다.

폰트이름_알아내는_방법_1


예를 들기 위해 저의 블로그 페이지로 왔는데요.

적용된 글꼴을 알아 보려면 툴바의 WhatFont 아이콘을 클릭하고 마우스를 텍스트위에 올려 놓습니다.

저는 구글이 제공하는 나눔 고딕 웹폰트를 적용하고 있는데,영문으로 나눔 고딕이라고 표시되는군요.

폰트이름_알아내는_방법_2



또 다른 페이지를 예로 들어 봅니다.

제가 재미있게 구독하고 있는 조미예의 MLB 현장이라는 컬럼 페이지로 왔습니다.

이 페이지는 맑은 고딕을 사용하고 있군요.맑은 고딕이라고 표시된 상태에서 마우스를 한번 클릭해 볼까요?

폰트이름_알아내는_방법_3



클릭을 하면 팝업이 확대되면서 적용된 폰트의 자세한 정보를 보여 줍니다.

이 페이지 본문 글은 표준의 맑은 고딕을 사용하고 있으며 글꼴의 크기 와 색상 등을 알 수 있습니다.

폰트이름_알아내는_방법_4



WhatFont의 종료는 실행되는 동안 아이콘 밑에 표시되는 Exit WhatFont 버튼을 누르거나,

아이콘을 다시 클릭하면 종료됩니다.

                                                        폰트이름_알아내는_방법_5

이상 간단하게 폰트 명을 알아 내는 방법 WhatFont 크롬 확장 툴에 대한 소개를 마칩니다.


댓글

Designed by JB FACTORY