글꼴 형식 지침: TTF, OTF, WOFF, EOT 및 SVG

EOT, TTF, WOFF, SVG, WOFF2... 글꼴 형식에 대한 선택은 다양하며 형식 유형은 다양하지만 모든 브라우저에 적합한 형식은 없습니다. 이는 일관된 경험을 제공하기 위해 다양한 글꼴 형식을 사용해야 함을 의미합니다.

이제 몇 가지 기본 사항을 검토하고 웹에서 사용되는 다양한 글꼴 형식을 자세히 살펴보겠습니다.

트루타입 글꼴 형식은 PostScript 글꼴 형식에 대한 대응으로 Apple과 Microsoft에서 개발했습니다. TTF는 오랫동안 Mac 및 Windows 운영 체제에서 가장 일반적인 글꼴 형식이었습니다. 모든 주요 브라우저가 이를 지원했습니다. 그러나 IE8에서는 TTF가 지원되지 않습니다. IE9부터는 글꼴을 "설치 가능"으로 설정해야 하기 때문에 부분적으로만 지원됩니다.

TTF는 가장 기본적인 유형의 디지털 권한 관리를 허용합니다. 즉, 작성자가 PDF 파일 및 웹사이트에 글꼴 파일을 포함할 수 있도록 허용하는지 여부를 지정하는 포함 가능한 플래그입니다. TTF 형식의 주요 문제점 중 하나인 이 플래그를 수정할 수 있는 도구가 있습니다. 또 다른 단점은 TTF/OTF 글꼴이 압축되지 않아 파일 크기가 더 크다는 것입니다.

OpenType은 TTF의 진화입니다. 이는 Adobe와 Microsoft의 공동 노력의 결과입니다. OpenType 글꼴은 단일 구성 요소에 화면 및 프린터 글꼴 데이터를 포함합니다. OTF에는 다중 플랫폼 및 확장 문자 세트 지원을 포함하여 여러 가지 독점 기능이 있습니다. OTF 글꼴은 Macintosh 및 Windows 운영 체제에서 사용할 수 있습니다.

OTF에서는 최대 65,000자까지 저장할 수 있습니다. 이 추가 공간을 통해 디자이너는 이전에 별도의 글꼴로 배포해야 했던 소문자, 구식 그래픽, 대체 문자 및 기타 추가 문자와 같은 추가 기능을 자유롭게 포함할 수 있습니다.

EOT 글꼴은 Microsoft가 웹에서 사용하기 위해 디자인한 글꼴입니다. 이는 TTF와 OTF가 인터넷에 공개될 때 저작권 단점을 해결하려는 시도이다. EOT는 Microsoft 도구를 사용하여 기존 TTF/OTF 글꼴에서 글꼴을 만듭니다. 압축 및 하위 설정은 글꼴 파일을 더 작게 만듭니다. 하위 집합은 일부 저작권 보호를 제공하지만 EOT는 추가 보호를 위해 암호화도 사용합니다. 유망한 것 같나요? 예. 하지만 EOT 형식은 Internet Explorer에서만 지원됩니다.

WOFF에는 기본적으로 SFNT 기반 글꼴(예: TrueType, OpenType 또는 기타 개방형 글꼴 형식)이 포함되어 있으며 이러한 글꼴은 웹 페이지에 삽입하기 위해 WOFF의 인코딩 도구로 압축됩니다. 이는 Mozilla Foundation, Microsoft 및 Opera Software 간의 협력의 결과입니다. 글꼴은 압축되어 있으므로 로드 속도가 더 빠릅니다. 메타데이터를 사용하면 글꼴 파일에 라이센스 데이터를 포함하여 저작권 문제를 해결할 수 있습니다. 이는 World Wide Web 컨소시엄 권장 사항이며 분명히 글꼴 형식의 미래입니다.

WOFF2는 WOFF의 차세대 제품입니다. WOFF2 형식은 원래 WOFF보다 평균 압축 이득이 30% 더 높습니다. 여전히 권장되는 업그레이드일 뿐이므로 WOFF를 광범위하게 지원하지 않습니다.

SVG 글꼴은 SVG의 "글꼴" 요소를 사용하여 정의됩니다. 이러한 글꼴에는 마치 SVG 이미지의 개별 벡터 객체인 것처럼 표준 SVG 요소 및 속성으로 글리프 윤곽선이 포함되어 있습니다. SVG 글꼴의 가장 큰 단점은 작은 글꼴을 품질과 가독성으로 렌더링하는 추가 정보가 포함된 글꼴 힌트가 없다는 것입니다. 또한 SVG는 본문 텍스트에서는 작동하지 않습니다. Safari, Safari Mobile 및 Chrome에서는 텍스트를 선택할 수 없고 개별 문자, 단어 또는 사용자 정의 옵션을 선택할 수 없으며 전체 줄이나 텍스트 단락만 선택할 수 있기 때문입니다.

그러나 iPhone 및 iPad 사용자를 대상으로 하는 경우 SVG 글꼴이 유일한 선택입니다. 이는 iOS 4.1 이하의 Safari에서 허용되는 유일한 파일 형식입니다.

보시다시피 웹 글꼴 렌더링에 영향을 미칠 수 있는 요소는 많습니다. 품질과 일관성을 제공하려면 가능한 모든 운영 체제와 브라우저 조합을 테스트하는 것이 중요합니다.