CSS @font-face 규칙

@font-face 규칙은 스타일 시트에서 사용할 폰트 이름과 일부 다운로드 가능한 폰트를 연결하는 데 사용됩니다. @font-face CSS at-rule은 텍스트를 표시하는 커스텀 폰트를 지정합니다.

　이 규칙에서 사용하는 폰트 시리즈font-family지시자를 통해 폰트를 이름 지정하고, src 지시자는 외부 폰트 이름과 연결됩니다.

의 사용 문법

이 규칙의 문법은 다음과 같습니다：

@font-face: font-description

이 @font-face 규칙은 하나나 여러 개의 속성 선언을 포함하고 있으며, 이는 일반 CSS와 같습니다. 이는 폰트 설명으로 불립니다. 가장 많이 지정할 수 있는 폰트는 다음과 같습니다24개의 다른 속성이 있지만, 이들을 모두 설명하는 것은 이 참조의 범위를 벗어납니다-자세한 정보를 알고 싶다면 방문해 주세요W3C CSS 폰트 모듈페이지.

@font-face 규칙의 일반 형식은 다음과 같습니다：

그런 다음, 폰트를 속성(예font-family와)의 이름font하지만 텍스트를 다운로드할 수 있는 폰트나 원인으로 인해 폰트를 로드할 수 없다면, 대체 폰트 이름을 지정해야 합니다.

下面的示例演示了如何使用@font-다음 예제는 @font를 사용하는 방법을 보여줍니다.

　　@font-Regular.ttf") format("truetype");
　　　font-예제
　　　Bold.eot");/src: url("../fonts-family: "OpenSans";
　　　Bold.eot");/src: url("../fonts-Regular.eot");
　　serif;
　　face 속성
　　　font-p {-family: "OpenSans", Arial, sans
　　　font-body {　1.2size:
　　serif;

face 규칙을 사용하면 사용자가 컴퓨터에 설치된 글꼴의 수에 대한 제한에 의존하지 않아도 됩니다.-적절한 규칙을 설정하여 특정 글꼴 특성(굵은 글자나 기울임 글자와 같은)을 설정하면 특정 다운로드 가능한 글꼴에 대한 선택도 설정할 수 있습니다.

　　@font-Regular.ttf") format("truetype");
	font-예제
　　　Bold.eot");/src: url("../fonts-family: "OpenSans";
　　　Bold.eot");/src: url("../fonts-Regular.eot");
　　serif;
　　@font-Regular.ttf") format("truetype");
　　　font-face {
　　　Bold.eot");/src: url("../fonts-family: "OpenSansBold";
	Bold.eot");/src: url("../fonts-OpenSans
　　serif;
　　Bold.ttf") format("truetype");1　h
　　　font-{-family: "OpenSans", Arial, sans　/*　family: "OpenSansBold", Arial, sans　*/
　　serif;
　　Specify the OpenSans bold font
　　　font-p {-family: "OpenSans", Arial, sans
　　serif;

›

파라미터

브라우저 호환성

@font-face 속성의 브라우저 호환성, 아래 표의 숫자는 해당 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다; 모든 주요 브라우저는 이 규칙을 지원합니다.

더 읽기

다음 튜토리얼을 참조하세요:CSS 글꼴。