font-family(글꼴종류) 프로퍼티 글꼴을 지정하는 속성 태그를 비롯해 태그나 태그처럼 텍스트를 사용하는 요소들에서 주로 사용하는 속성 웹 문서에서는 글꼴을 지정할 때 한 가지 글꼴만 지정하기도 하지만, 지정한 글꼴이 없는 경우를 대비하여 두 번째, 세 번째 글꼴까지도 지정할 수 있습니다 font-family 속성은 상속되기 때문에 스타일에 한 번 정의하면 문서 전체에 적용되고, 문서 안의 모든 자식 요소에 계속해서 같은 글꼴이 사용됩니다. font-family 형식 속성 값으로 글꼴 이름을 입력합니다. 지정한 글꼴이 없을 경우를 대비하여 기본 속성값 다음 두 번째, 세 번째 글꼴을 지정할 수 있습니다. { font-family: "글꼴이름", "글꼴이름", "글꼴이름" }body { font-fa..

웹 폰트(Web font)웹 문서를 작성할 때 웹 문서 안에 글꼴 정보도 함께 저장하였다가 사용자가 웹 문서에 접속하면 글꼴을 사용자 시스템으로 다운로드하게 하는 방식 @font-face (웹 폰트)프로퍼티· 웹 폰트를 사용하는 속성· 사용자의 시스템에 없는 글꼴을 사용하는 경우 해당 웹 문서에 필요한 글꼴들을 사용자 컴퓨터에 다운로드 해놓고 표시하기 때문에 항상 개발자가 의도한 대로 텍스트를 표현할 수 있습니다. 글꼴 지정하기@font-face 를 선택자로 하고 font-family와 src, 그리고 format 속성이 포함됩니다. 프라퍼티값 설명 font-family · 글꼴 이름을 지정 src · 폰트의 위치를 지정 · src 의 속성값으로 local과 url을 지정할 수 있는데 · local은 사..

font 프로퍼티 형식 프로퍼티 값 설명 caption 캡션으로 쓰이는 글꼴 (예: 버튼, 드롭다운 등) icon 아이콘의 제목에 쓰이는 글꼴 menu 메뉴에 쓰이는 글꼴 (예: 메뉴 리스트, 드롭다운 메뉴 등) message-box 대화 상자에 쓰이는 글꼴 small-caption 작은 캡션으로 쓰이는 글꼴 status-bar 상태바에 쓰이는 글꼴 사용자 정의 글꼴 현재 사용자의 시스템에서 사용하고 있는 글꼴 (사용자 색상, 크기, 두께, 스타일 등을 전부 참조 가능)

font-stretch(글꼴 너비) 프로퍼티font 프로퍼티에는 포함되지 않습니다.같은 글꼴 가족에 있는 다른 글꼴에 비해 너비를 결정시 사용합니다.

font-weight(글꼴 두께) 프로퍼티· 같은 글꼴 가족에 있는 다른 글꼴에 비해 두껍거나 얇게 표시하는 역할을 합니다.· "100~900"까지의 지정된 숫자를 100단위로 설정 가능하며 숫자가 높을수록 더 진하게 표시됩니다.· font-weight: bolder, font-weight: lighter는 상대적인 값으로 bold보다 더 진하게라는 의미가 아니라, 상위 요소보다 더 진하게 또는 더 흐리게 표시하라는 의미입니다.

font-variant (글꼴 변형) 프로퍼티텍스트의 알파벳 소문자를 대문자로 만드는 역할을 합니다.