CSS3 웹 폰트 - @ font-face 규칙

CSS3 웹 폰트 - @ font-face 규칙

웹 글꼴을 사용하면 웹 디자이너가 사용자 컴퓨터에 설치되지 않은 글꼴을 사용할 수 있습니다.

사용할 글꼴을 찾거나 구입할 때 웹 서버에 글꼴 파일을 포함 시키면 필요할 때 자동으로 사용자에게 다운로드됩니다.

"자신의"글꼴은 CSS3 @font-face규칙 내에서 정의됩니다 .

다른 글꼴 형식
트루 타입 글꼴 (TTF)

TrueType은 Apple과 Microsoft가 1980 년대 후반 개발 한 글꼴 표준입니다. 트루 타입은 Mac OS 및 Microsoft Windows 운영 체제 모두에서 가장 일반적인 글꼴 형식입니다.

OpenType 글꼴 (OTF)

OpenType은 확장 가능한 컴퓨터 글꼴 형식입니다. TrueType으로 제작되었으며 Microsoft의 등록 상표입니다. OpenType 글꼴은 오늘날 주요 컴퓨터 플랫폼에서 일반적으로 사용됩니다.

웹 열기 글꼴 형식 (WOFF)

WOFF는 웹 페이지에서 사용하기위한 글꼴 형식입니다. 이것은 2009 년에 개발되었으며 현재 W3C 권장 사항입니다. WOFF는 본질적으로 압축 및 추가 메타 데이터가 포함 된 OpenType 또는 TrueType입니다. 목표는 대역폭 제약 조건이있는 네트워크에서 서버에서 클라이언트로의 글꼴 분산을 지원하는 것입니다.

Web Open Font Format (WOFF 2.0)

WOFF 1.0보다 우수한 압축을 제공하는 TrueType / OpenType 글꼴.

SVG 글꼴 / 도형

SVG 글꼴을 사용하면 텍스트를 표시 할 때 SVG를 글리프로 사용할 수 있습니다. SVG 1.1 사양은 SVG 문서 내에서 글꼴을 만들 수있는 글꼴 모듈을 정의합니다. 또한 SVG 문서에 CSS를 적용 할 수 있으며 @ font-face 규칙을 SVG 문서의 텍스트에 적용 할 수 있습니다.

임베디드 OpenType 글꼴 (EOT)

EOT 글꼴은 웹 페이지의 포함 글꼴로 사용하기 위해 Microsoft에서 고안 한 소형 글꼴 OpenType 글꼴입니다.