[폰트] 세리프(Serif)와 산세리프(Sans-Serif)의 차이점

가독성(可讀性])과 판독성(判讀性)

글꼴(폰트)의 차이를 다룰때 가독성과 판독성이 제일 중요 합니다. 차이점은 다음과 같으며, 상황(경우)에 따라 매우 다르게 측정 될 수 있다고 합니다.

글꼴의 가독성과 판독성의 차이점

구분	설명
가독성	인쇄물이 얼마나 쉽게 읽히는가 하는 능률의 정도로 활자체, 글자 간격, 행간(行間), 띄어쓰기 따위에 따라 달라 집니다. (많은 양의 텍스트의 읽기 쉬운 정도를 나타내는 용어)
판독성	인쇄물의 판독성을 뜻하며, 문자의 크기나 특징, 자간 및 행간 등 전체적 레이아웃에 걸친 읽기의 용이성(容易性)을 말합니다. (텍스트의 큰 제목이나 버튼 등 짧은 텍스트를 얼마나 쉽게 알아볼 수 있는가를 나타내는 용어)

세리프(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 관련 자료 더보기

'웹이야기 > 웹/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