6.2.1 font-family 속성

font-family 속성을 사용하면 글꼴을 지정할 수 있습니다. 속성값으로는 글꼴명을 적으면 되는데 쉼표(,)로 구분하고 1개 이상의 글꼴을 나열해 지정합니다. 이때, 한글로 된 글꼴이나 공백이 있는 글꼴명은 큰따옴표("")로 항상 감싸야 합니다.

font-family:<글꼴1>, <글꼴2>, ...<글꼴 유형>;

예를 들어, 바탕체 글꼴과 타임스 뉴 로먼 글꼴을 적용하고 싶다면 다음과 같이 작성합니다. 이처럼 여러 글꼴을 쉼표로 구분해 나열하면 맨 앞에 작성한 글꼴부터 적용 가능 여부를 판단합니다.

font-family:BatangChe, "Times New Roman";

단, font-family 속성은 반드시 글꼴 유형(generic-family)을 작성하도록 권장합니다. 글꼴 유형은 글꼴의 개념이 아니라 글꼴의 형태를 의미합니다. 따라서 다른 글꼴처럼 못 불러온다는 개념이 없습니다. 이러한 특징 때문에 font-family 속성으로 명시한 글꼴을 불러오지 못할 경우를 대비해 다음과 같이 불러오려고 한 글꼴과 가장 유사한 형태의 글꼴 유형을 마지막에 항상 지정해야 합니다. 그러면 지정한 글꼴을 전부 불러오지 못하더라도 텍스트가 유사한 형태로 보여져서 사용자가 웹 사이트에서 느끼는 경험을 최대한 일정하게 유지할 수 있습니다.

font-family:BatangChe, "Times New Roman", serif;