font-family
■ 웹 문서에서 가장 많이 사용되는 요소가 텍스트 일 텐데요. 이 텍스트의 스타일을 어떻게 지정해주느냐에 따라서 문서 전체의 분위기가 확 달라지게 되기 때문에 여러 가지 font 속성을 이용하는데요. 이번 글에서는 font-family 속성에 대해서 알아보겠습니다.
■ font-family 속성은 웹에서 사용하는 HTML 문서에 포함된 글꼴을 지정해주는 역할을 하는데요. 형식은 다음과 같습니다.
font-family : "글꼴 이름 1", "글꼴 이름 2", "글꼴 이름 3"
■ 위 형식을 보면 속성값에 여러 개의 글꼴을 지정하고 있는데요. 글꼴을 입력할 때는 큰따옴표(")를 사용해도 되고 작은따옴표를 (') 사용해도 관계없습니다. 참고하시구요. 형식처럼 글꼴을 여러 개 지정해놓으면 첫 번째 글꼴이 없을 때는 두 번째, 그것도 없으면 세 번째.... 글꼴이 순차적으로 적용됩니다. 각 글꼴 간의 구별은 쉼표(,)로 합니다.
■ 예를 들어 하지만 아무리 여러 개의 글꼴을 지정해놔도 사용자의 컴퓨터에 해당 글꼴이 없으면 화면에 표시할 수 없는데요. 보통 윈도우에 포함되어 있어서 웬만해서는 표시되는 글꼴을 '기본 글꼴'이라고 하는데요. 한글의 경우는 굴림, 궁서, 돋움, 바탕 등이 있구요. 영어는 serif 체와 sans-serif 체 등이 있습니다. 즉 이것들은 윈도우를 사용하는 컴퓨터에서 모두 제대로 표시가 됩니다.
하지만, 예를 들어 [나눔 고딕] 처럼 윈도우에 기본적으로 포함되어 있지 않은 글꼴을 표시하기 위해서는 웹 폰트를 사용해야 하는데요.
■ 구글 웹 폰트 중에서 나눔 고딕을 적용하는 방법을 정리해놓은 글이 따로 있네요. 아랫글 참고하시면 사용자의 컴퓨터에 해당 글꼴이 없어도 인터넷만 연결되어 있다면 모두 나눔고딕 폰트가 적용됩니다. 참고하실 분들은 참고하셔요.
http://godvow.tistory.com/41 ◀◀나눔 고딕 웹폰트 적용하는 법
이렇게 해서 font-family 의 속성에 대해서 알아봤습니다. 수고하셨어요.
