본문 바로가기

나눔을 위한/8단계-블로그 팁

가독성. 내 블로그로 방문자가 많아지게 하는 가독성 높이기.

반응형

가독성. 내 블로그로 방문자가 많아지게 하는 가독성 높이기.

가독성.. 가독성 하는데 도대체 가독성이 뭘까.? 간단하게 가독성에 대해서 먼저 알아보고 내 블로그 가독성을 높이는 방법에 대해서 진행하는게, 더 이해하기 편할 것 같아요.

가독성에 대해서는 많은 사람들이 정의를 내렸는데, 그 중에서 James Craig & Bob Bevington 이 말한.  

   특별히 노력하지 않고도 읽을 수 있어야 한다. 때때로 가독성이 단순히 글자 크기의 문제인 경우도 있지만, 그보다는 글자꼴 디자인의 문제인 경우가 더 많다. 일반적으로, 기본 글꼴 그대로인 활자가 폭을 좁히거나 늘이거나 장식하거나 간략화한 것보다 더 읽기 쉽다. 따라서 항상 가독성이 높은 활자체부터 시작해야 한다. - << 타이포그래피 교과서 Desinging with Type>> (1997)   

즉 가독성은 말그대로 특별히 노력하지 않고도 읽을 수 있는 글이어야 합니다 .그 중에서도 가독성이 높은 활자체를 선택해야 한다는 말이 랍니다. 그외에 글자크기, 글자 사이, 글줄 길이, 글줄 사이 등등 가독성을 높이는 방법은 여러가지 인데, 글자체 와 줄 간격/글자크기만 바꿔도 가독성이 향상된답니다.  

간단히 예를 들어서 보면

즉 가독성은 말그대로 특별히 노력하지 않고도 읽을 수 있는 글이어야 합니다 .그 중에서도 가독성이 높은 활자체를 선택해야 한다는 말이 랍니다. 그외에 글자크기, 글자 사이, 글줄 길이, 글줄 사이 등등 가독성을 높이는 방법은 여러가지 인데, 글자체 와 줄 간격/글자크기만 바꿔도 가독성 향상됩니다.
 
즉 가독성은 말그대로 특별히 노력하지 않고도 읽을 수 있는 글이어야 합니다 .그 중에서도 가독성이 높은 활자체를 선택해야 한다는 말이 랍니다. 그외에 글자크기, 글자 사이, 글줄 길이, 글줄 사이 등등 가독성을 높이는 방법은 여러가지 인데, 글자체 와 줄 간격/글자크기만 바꿔도 가독성 향상됩니다.

       글꼴 : 바탕화면 / 글자크기 : 9pt / 줄간격 140      글꼴:나눔고딕 / 글자크기 : 11 pt / 줄간격 160

어떠세요. 가독성이 왼쪽의 글이 읽기가 편하세요, 아니면 오른쪽의 글이 읽기가 편하세요. 가독성은 독자가 읽기 편해야 한다는것에 촛점일 맞추어야 한답니다. 보기 좋은 음식이 맛도 좋다는 말. 항상 기억하시구요.

그럼 가독성을 높이기 위해서 어떻게 해야 할까? 먼저 전체적인 활자체를 바꾸는 작업을 먼저 할까요.

Tip. 웹폰트에서 사용하는 글꼴은 .EOT 라는 확장자를 가진 파일을 사용.

온라인 상에서 사용하는 글꼴은 .EOT 라는 확장자를 가집니다. 기본적으로 우리가 사용하는 윈도우 상의 폰트는 확장자가 트루타입의 글꼴 이랍니다. .TTF 라는 확장자를 가지게 돼죠.

그러니깐 두 환경이 다른 글꼴을 맞춰주어야 하는데 변환 프로그램으로 TTF 라는 확장자를 .EOT 라는 확장자로 변환해야 하죠. 조금 복잡하니깐 바로 적용할 수 있도록 미리 변환시킨 파일을 사용하도록 하죠.



관리자 모드 -> 스킨 -> HTML/CSS 설정 -> 파일 업로드로 들어가서 밑에 있는 파일을 업로드 시켜야 한답니다. 


nanum.eot 라는 파일을 업로드 시켰으면 HTML/CSS 설정으로 들어가서
style.css 에서 맨 위쪽에 코드를 삽입하면 된답니다.

코드는 다운받아서 설치해 주세요.



미리 보기를 하시면 설정된 화면을 보실 수 있답니다.

** 혹시 스킨마다 조금씩 틀릴수가 있답니다. 위와 같이 했는데도 웹 폰트가 적용되지 않는다면 CTRL+F 찾기를 해서 FONT 또는 FONT-FAMILY 를 찾아서 폰트 리스트 맨 앞에 nanum 이라고 적어주시면 된답니다.

[관련연관글]
티스토리장점.티스토리하면좋은점
대학생재테크방법, 아르바이트돈으로재테크할 수 있는 대학생 재테크방법, 용돈재테크법
[돈모으는법] 2012년 재테크방법,재무설계방법,20대,30대,40대 재테크방법
돈불리기, 돈불리는방법 알기 위한 필수 정보, 초보재테크돈 불리는방법
재무설계상담, 재테크상담
재무설계비용 알아보고, 무료재무설계 받을 수 있는 곳
반응형