@font-face - by. UXKM

TrueType은 1980 년대 후반 Apple과 Microsoft에서 개발 한 글꼴 표준입니다.

TrueType은 Mac OS 및 Microsoft Windows 운영 체제에서 가장 일반적인 글꼴 형식입니다.

이 글꼴은 맥(MAC)과 윈도우(Window) 운영체제에서 가장 오랫동안 사용되어 온 대표적인 글꼴입니다.

트루 타입 글꼴은 해당 글꼴이 다양한 글꼴 크기에서 어떻게 표현될지에 대한 수준 높은 제어를 할 수 있게 해줍니다.

OTF/TTF 형식은 쉽게 복제될 수 있어(불법으로) 대신 WOFF 형식이 만들어졌습니다.

IE에서 글꼴 형식은 "설치 가능"으로 설정된 경우에만 작동합니다.

OpenType은 확장 가능한 컴퓨터 글꼴 형식입니다. TrueType을 기반으로하며 Microsoft의 등록 상표입니다.

글꼴은 오늘날 주요 컴퓨터 플랫폼에서 일반적으로 사용됩니다.

오픈 타입 글꼴은 사용자가 자신의 컴퓨터에서 크기를 조절할 수 있는 글꼴 표준입니다.

이 글꼴은 트루 타입 글꼴의 뒤를 잇기 위해 Microsoft에서 개발하였으며, 현재는 거의 모든 컴퓨터에서 사용되고 있습니다.

오픈 타입 글꼴은 유니코드를 기반으로 다양한 스크립트를 지원하며, 한 번에 여러 스크립트를 함께 지원할 수 있다는 장점을 가지고 있습니다.

OTF/TTF 형식은 쉽게 복제될 수 있어(불법으로) 대신 WOFF 형식이 만들어졌습니다.

WOFF는 웹 페이지에서 사용하기위한 글꼴 형식입니다.

웹 오픈 글꼴은 웹 페이지에서 사용할 수 있는 글꼴 표준이며, 2009 년에 개발되었으며 현재 W3C에서 사용을 권장하고 있는 글꼴 표준입니다.

이 글꼴은 추가 메타데이터(metadata)를 넣어 압축한 트루 타입 또는 오픈 타입 글꼴입니다.

모질라와 다른 조직들이 결합하여 웹에서 사용할 목적으로 개발했습니다.

OTF/TTF 를 이용한 구조의 압축된 버전으로, 다른 글꼴 형식보다 빠르게 로드됩니다.

이 글꼴은 웹 오픈 글꼴 1.0 버전보다 더 나은 압축률을 제공하는 트루 타입 또는 오픈 타입 글꼴입니다.

SVG/SVGZ (Scalable Vector Graphics (Font)

SVGZ는 SVG의 압축된 버전.

SVG 글꼴을 사용하면 텍스트를 표시 할 때 SVG를 글리프로 사용할 수 있습니다. SVG 1.1 사양은 SVG 문서 내에서 글꼴을 만들 수있는 글꼴 모듈을 정의합니다.

SVG 문서에 CSS를 적용 할 수도 있고 @font-face 규칙을 SVG 문서의 텍스트에 적용 할 수도 있습니다.

SVG 글꼴은 SVG 요소로 텍스트를 그릴 때 그 표본으로 사용되는 글꼴 표준입니다.

이 글꼴은 SVG 문서에 CSS를 적용할 수 있도록 해줄 뿐만 아니라, @font-face 규칙도 적용할 수 있게 해줍니다.

SVG 글꼴은 거의 항상 @font-face소스 목록의 맨 아래에 와야 합니다. 다른 것을 사용할 수 없으면 브라우저가 SVG 글꼴을 사용하지 못하게합니다.

크롬 브라우저는 4-37 까지만 지원하고 38+ 부터는 지원 안 함.

오페라 브라우저는 10-24 까지만 지원하고 25+ 부터는 지원 안 함.

디바이스 iOS Safari는 현재 3.2+ 부터 지원하고 있습니다.

현재 svg font를 지원하는 브라우저는 Safari와 iOS Safari만 유일합니다.

임베디드 오픈 타입 글꼴은 Microsoft가 웹 페이지에서 사용하기 위해 개발한 내장형 글꼴로, 오픈 타입 글꼴입니다.

IE8 이하 버전은 @font-face를 사용할 때 .eot 파일만 인식합니다.