웹사이트 블로그 폰트 이름 확인하기

블로그나 웹사이트를 운영하거나 디자인 작업을 위해서 폰트의 역할이 중요합니다. 폰트 하나로 분위기가 달라지고 글을 읽는 가독성이 달라지기 때문이죠. 하지만 분위기에 맞는 폰트를 찾기라는 것은 쉬운 일이 아닙니다. 그래서 다른 웹사이트나 블로그를 둘러보다가 마음에 드는 폰트를 보게 되면 궁금해집니다. 어떤 폰트를 사용했고 무료인지 유료인지 적용하고 싶어 지게 됩니다.

일반적인 웹사이트, 페이지, 블로그에 부분적이거나 전체적으로 사용된 폰트를 알아내는 방법은 쉽습니다. 굳이 프로그램을 이용하지 않아도 구글 크롬이나 엣지 브라우저를 이용하면 간단하게 알아낼 수 있습니다. 물론 이미지로 저장된 폰트는 확인이 불가능합니다. 

 

 

1. 웹사이트 블로그 폰트 이름 확인하는 법.

구글 크롬, 마이크로 소프트 엣지 브라우저 모두 동일한 방법입니다. 

 

블로그나 웹사이트를 둘러보다가 마음에 드는 폰트가 궁금할 때는 페이지가 열려 있는 상태에서 키보드 "F12" 키를 눌러주세요. 우측으로 메뉴가 나타납니다. 메뉴 상단에 보면 가장 좌측 부분에 사각형 위에 마우스 커서 모양이 있습니다. 크롬 브라우저와 엣지 브라우저 마우스 커서 모양이 다르니 참고하세요.

 

마우스 커서 모양을 누르고 좌측 페이지로 이동하여 마우스를 움직여 보면 영역이 설정됩니다. 폰트이름을 알고 싶은 글 자위에 마우스를 가져가면 영역이 설정됩니다. 영역 위에서 마우스를 클릭하여 주세요.

 

선택한 영역에서 클릭을 하게 되면 우측으로 스타일이 나타납니다. 항목들 중에 "font-family" 항목을 찾게 되면 폰트 이름이 나타납니다. "Cafe24 Dangdanghae"라는 폰트 이름이 나타납니다. 이름을 드래그하여 복사해 주세요.

 

구글 검색창에 복사한 폰트이름을 입력하고 검색을 하면 바로 검색 결과가 나타납니다. "카페24 당당해"라는 폰트이며 상업용 무료 폰트입니다. 참고로 링크를 걸어드리겠습니다. 여러가지 무료 폰트가 있으니 확인해 보셔도 됩니다.

 

카페24 상업용 무료 폰트 다운로드 - 카페24 

 

위 방법을 사용하면 폰트 외에도 블로그의 CSS값도 확인할 수 있습니다. 이제 폰트명이 궁금할 때는 크롬이나 엣지 브라우저로 바로바로 확인하시면 됩니다.

 

감사합니다.