Development/Web, WWW(447)
-
웹 폰트(Web font), @font-face (웹 폰트)프로퍼티, 글꼴 지정하기
웹 폰트(Web font)웹 문서를 작성할 때 웹 문서 안에 글꼴 정보도 함께 저장하였다가 사용자가 웹 문서에 접속하면 글꼴을 사용자 시스템으로 다운로드하게 하는 방식 @font-face (웹 폰트)프로퍼티· 웹 폰트를 사용하는 속성· 사용자의 시스템에 없는 글꼴을 사용하는 경우 해당 웹 문서에 필요한 글꼴들을 사용자 컴퓨터에 다운로드 해놓고 표시하기 때문에 항상 개발자가 의도한 대로 텍스트를 표현할 수 있습니다. 글꼴 지정하기@font-face 를 선택자로 하고 font-family와 src, 그리고 format 속성이 포함됩니다. 프라퍼티값 설명 font-family · 글꼴 이름을 지정 src · 폰트의 위치를 지정 · src 의 속성값으로 local과 url을 지정할 수 있는데 · local은 사..
-
font 프로퍼티 형식, font 프로퍼티 값
font 프로퍼티 형식 프로퍼티 값 설명 caption 캡션으로 쓰이는 글꼴 (예: 버튼, 드롭다운 등) icon 아이콘의 제목에 쓰이는 글꼴 menu 메뉴에 쓰이는 글꼴 (예: 메뉴 리스트, 드롭다운 메뉴 등) message-box 대화 상자에 쓰이는 글꼴 small-caption 작은 캡션으로 쓰이는 글꼴 status-bar 상태바에 쓰이는 글꼴 사용자 정의 글꼴 현재 사용자의 시스템에서 사용하고 있는 글꼴 (사용자 색상, 크기, 두께, 스타일 등을 전부 참조 가능)
-
font-stretch(글꼴 너비) 프로퍼티
font-stretch(글꼴 너비) 프로퍼티font 프로퍼티에는 포함되지 않습니다.같은 글꼴 가족에 있는 다른 글꼴에 비해 너비를 결정시 사용합니다.
-
font-weight(글꼴 두께) 프로퍼티
font-weight(글꼴 두께) 프로퍼티· 같은 글꼴 가족에 있는 다른 글꼴에 비해 두껍거나 얇게 표시하는 역할을 합니다.· "100~900"까지의 지정된 숫자를 100단위로 설정 가능하며 숫자가 높을수록 더 진하게 표시됩니다.· font-weight: bolder, font-weight: lighter는 상대적인 값으로 bold보다 더 진하게라는 의미가 아니라, 상위 요소보다 더 진하게 또는 더 흐리게 표시하라는 의미입니다.
-
font-variant (글꼴 변형) 프로퍼티
font-variant (글꼴 변형) 프로퍼티텍스트의 알파벳 소문자를 대문자로 만드는 역할을 합니다.
-
font-style(글꼴 스타일) 프로퍼티
font-style(글꼴 스타일) 프로퍼티해당 글꼴의 글자를 이탤릭체로 표현할지 여부를 지정합니다. 프로퍼티 값 설명 normal 웹 브라우저에 설정되어 있는 기본값 지정 oblique normal글꼴을 약간 기울인 형태로 지정 italic 기울임 형태로 지정