OpenType 글꼴 및 트루 타입 글꼴. 차이점이 뭐야?

Question

최근에 CSS를 배우는 동안 외부 글꼴을 포함하려고했습니다. 그렇다면 .otf 글꼴과글꼴이 혼동 스럽습니다. 두 글꼴 모두 완벽하게 작동합니다. 그러나 그 순간부터, 나는 그것에 대해 더 알고 싶었습니다.

웹 콘텐츠의 외부 글꼴로 어느 쪽이 더 낫습니까? 그리고 왜?

전체적인 차이점은 무엇입니까?

고맙습니다.

Answer 1

간단한 대답 : 차이점은 당신이 묻는 맥락에서 부적합합니다. WOFF를 사용하십시오.

약간 더 긴 대답 : 두 가지 형식 모두 거의 모든 것으로 지원되며 두 형식 모두 OpenType (사양) 글꼴의 다른 종류이므로 WOFF (또는 요즘 WOFF2)로 압축하여 사용할 수 없습니다. 심지어 .otf 또는 .ttf 파일인지 여부를 알아야합니다.

가장 긴 대답 : .otf는 거의 보편적으로 CFF 개요가있는 OpenType 글꼴이며 .ttf는 거의 보편적으로 트루 타입 외곽선이있는 OpenType 글꼴입니다.

• 트루 타입 글꼴은 그래픽 명령이 풍부하지 않지만 구문 분석하기가 쉽기 때문에 더 커졌습니다.
• CFF 글꼴은 그래픽 명령이 엄청나게 풍부하기 때문에 훨씬 컴팩트하지만 글꼴을 디코딩하는 데 더 많은 시간이 필요합니다.

현실 세계에서는 글꼴을 다운로드하는 데 필요한 시간과 비교할 때 타이밍상의 차이가 크지 않으므로 웹 글꼴 목적으로는 "어느 글꼴이 더 작습니까" . 이것은 "진짜".otf 파일을 가지고 있는지의 여부와 상관없이 중요합니다. 제대로 설계된 실제 .otf 파일은 .ttf 파일보다 훨씬 작을 것입니다. 그러나 .otf 파일을 폰트 다람쥐, 그럴리가 없으며 .ttf를 사용할 수도 있습니다.

그리고 물론 짧고 약간 더 긴 대답과 같습니다. "하지만 실제로는 WOFF로 가장 작은 것만 포장하면 여러 소스가 필요하지 않습니다." 브라우저가 .ttf vs .otf 대 vs. eot day 이후로 계속 이동했습니다. 이제 모든 것이 WOFF를 지원합니다. 그 것을 사용하고 @ font-face 규칙에 다른 모든 형식을 넣지 마십시오. 그들은 단지 소음 일뿐입니다.