2010. 12. 20. 11:04웹이야기/웹/HTML
가독성(可讀性])과 판독성(判讀性)
글꼴(폰트)의 차이를 다룰때 가독성과 판독성이 제일 중요 합니다. 차이점은 다음과 같으며, 상황(경우)에 따라 매우 다르게 측정 될 수 있다고 합니다.
| 구분 | 설명 |
| 가독성 | 인쇄물이 얼마나 쉽게 읽히는가 하는 능률의 정도로 활자체, 글자 간격, 행간(行間), 띄어쓰기 따위에 따라 달라 집니다. (많은 양의 텍스트의 읽기 쉬운 정도를 나타내는 용어) |
| 판독성 | 인쇄물의 판독성을 뜻하며, 문자의 크기나 특징, 자간 및 행간 등 전체적 레이아웃에 걸친 읽기의 용이성(容易性)을 말합니다. (텍스트의 큰 제목이나 버튼 등 짧은 텍스트를 얼마나 쉽게 알아볼 수 있는가를 나타내는 용어) |
세리프(Serif)와 산세리프(Sans-serif)의 차이점
| 구분 | 설명 |
| 세리프(Serif) | 세리프의 사전적 의미로는 인쇄된 H나 I 같은 활자에서 아래 또는 위에 가로로 나 있는 가는 선을 뜻하며, 타이포그래피(Typography)에서 글꼴을 이루는 세로획의 끝이 돌기처럼 나와 장식적인 느낌을 주어 글꼴에 맵시를 내거나 가독성을 높이기 위해 장식한 서체(글꼴)를 칭합니다. |
| 산세리프(Sans-serif) | Sans는 프랑스어로 '없다' 라는 뜻의 단어 입니다. 다시 말해, Sans-serif는 serif가 없다는 뜻입니다. 한마디로 획의 삐침이 없는 서체(글꼴)를 뜻하는 말입니다. 실제로 sans-serif를 지정하지 않는 경우 넷스케이프 네비게이터 웹브라우저는 '돋움' 이나 '명조'로 출력하는 문제가 있습니다. |
| 대표 글꼴과 사용 방법 | |
| 세리프(Serif) | |
| 대표 글꼴 | 사용 방법 |
| 바탕체, 궁서체, Time New Roman | CSS(Style sheet)에서 사용법: font { font-family: Time New Roman, Serif; } |
| 산세리프(Sans-serif) | |
| 대표 글꼴 | 사용 방법 |
| 굴림체, 돋움체, Arial, Verdana | CSS(Style sheet)에서 사용법: font { font-family: Arial, Sans-serif; } |
'웹이야기 > 웹/HTML' 카테고리의 다른 글
| 인터넷 익스플로러(Internet Explorer)의 교차 사이트 스크립팅(XSS) (4) | 2011.09.15 |
|---|---|
| 파이어폭스(Firefox) 주소 명령 체계 (0) | 2011.07.14 |
| [HTML] HTML 문자 엔티티 및 ISO-8859-1 문자 세트 (0) | 2010.12.16 |
| [HTML 요소] meta 태그 - 웹 브라우저 렌더링 설정 (0) | 2010.12.16 |
| 구글 크롬(Google Chrome) 주소 명령 체계 (0) | 2010.12.16 |
Comment, Trackback