나는 이것에 대한 몇 가지 기사를 읽었지만 웹 글꼴과 데스크탑 글꼴의 실제 기술적 차이점은 여전히 피할 수 없습니다. 주제를 더 많이 읽을수록 아무도 정확히 웹 폰트가 무엇인지에 대한 명확한 기술적 정의를 가지고 있지 않다는 느낌을 갖게됩니다.
FontSquirrel과 같은 웹 글꼴 생성 서비스에 "데스크톱"글꼴을 업로드 할 때 해당 서비스가 글꼴 파일에 대해 웹 글꼴로 만들기 위해 정확히 어떤 작업을 수행합니까? 이러한 서비스를 주로 다른 형식으로 변환하는 것이 현대 웹에서 2019 년 현재 합리적인 수의 브라우저를 지원하려면 어떤 형식이 필요합니까?
답변:
"웹 글꼴"은 웹이나 브라우저에서 사용되는 글꼴입니다. 이 웹 글꼴 생성기의 기능은 방문자에게 글꼴을 제공하는 데 필요한 CSS를 제공하고 글꼴이 크로스 브라우저에서 작동하는지 확인하는 데 필요한 모든 파일 형식으로 글꼴을 변환하여 삶을 더 쉽게 만드는 것입니다.
일부 글꼴은 "Arial"과 같이 모든 컴퓨터에 해당 글꼴이 있기 때문에 일반적으로 "웹 안전"으로 간주됩니다. 웹 사이트에 해당 글꼴을 사용하도록 지시하는 것 외에는 아무 것도 할 필요가 없습니다. 컴퓨터에 글꼴이 없으면 볼 수 없기 때문에 방문자의 브라우저에서 웹 글꼴을 다운로드해야합니다.
Woff와 같이 웹용으로 특별히 개발 된 글꼴 형식은 작은 파일 크기를 염두에두고 설계되었습니다. Google 글꼴은 이러한 방식으로도 다른 형식을 제공하며 약간 숨겨져 있습니다.
일부 글꼴에는 별도의 웹 글꼴 라이센스가있을 수 있으며 글꼴 파일을 소유 한 경우에도 없을 수 있습니다. Google 이미지와 마찬가지로 ... 이미지를 다운로드 할 수 있다고해서 회사의 애프터 쉐이브를 판매하는 데 사용할 수있는 것은 아닙니다.
Developers.google.com 에는 웹 글꼴 최적화에 중점을 둔 게시물이 있지만 기본 사항도 있습니다.
이 기사의 다른 형식에 대한 꽤 좋은 발췌가 있습니다.
현재 웹에서는 EOT, TTF, WOFF 및 WOFF2의 네 가지 글꼴 컨테이너 형식이 사용됩니다. 불행히도, 광범위한 선택에도 불구하고 모든 이전 브라우저와 새 브라우저에서 작동하는 단일 범용 형식이 없습니다. EOT는 IE 전용이며, TTF는 부분적인 IE 지원, WOFF는 가장 광범위한 지원을 누리지 만 일부 구형 브라우저에서는 사용할 수 없습니다 WOFF 2.0 지원은 많은 브라우저에서 진행중인 작업입니다.
그렇다면 어디로 우리를 떠나나요? 모든 브라우저에서 작동하는 단일 형식이 없으므로 일관성있는 경험을 제공하기 위해 여러 형식을 제공해야합니다.
Transfonter 에는 브라우저 지원에 대한 꽤 좋은 표가 있습니다.
나는이 질문을 한 후에 좀 더 자세한 연구를 했으므로 Joonas에 대한 일종의 부록 으로이 답변을 추가하고 있습니다.
이러한 서비스를 주로 다른 형식으로 변환하는 것이 현대 웹에서 2019 년 현재 합리적인 수의 브라우저를 지원하려면 어떤 형식이 필요합니까?
많은 개발자들은 WOFF와 WOFF2가 현대 웹 개발에 필요한 유일한 글꼴 형식 이라고 주장합니다 . 그러나 이러한 답변은 잘 제공되지 않았으며 약간 지나치게 열광적이라고 생각합니다. 따라서이를 문서화하기위한 업계 표준 인 CanIUse.com이 제공하는 WOFF 및 WOFF2에 대한 실제 지원 수치를 살펴 보겠습니다. 말하자면.
WOFF2 는 모든면에서 WOFF를 개선하고 2014 년 이후에 출시 된 대부분의 데스크탑 브라우저에서 지원하지만 2018 년 이후 대부분의 모바일 브라우저에서 지원되기 시작했습니다. 그것은는 지원하는 것 추정 세계적으로 브라우저의 93 %.
WOFF은 이가 지원하는 것 2011 년 이후 출시 된 IE의 버전을 쓸모 없게 EOT 형식으로 렌더링 (2011 년 출시) IE9의 Internet Explorer에 의해 지원되기 시작했다 추정 세계적으로 브라우저의 97 %를.
Firefox 3.6 이후의 Firefox, Chrome 5 이후의 Chrome 및 5.1 이후의 Safari (각각 2010, 2011 및 2011에서 릴리스 됨)를 포함하여 다른 데스크탑 브라우저는 거의 동시에 WOFF를 지원하기 시작하여 이전 버전 에서는 TTF 및 OTF 1 형식을 사용하지 않습니다. . 대부분의 모바일 브라우저는 2013 년부터 WOFF를 지원했습니다.
이러한 관점에서, 다른 모든 형식을 불필요하다고 쓸 수있을 정도로 쉽지만 더 이상 공식적으로 지원되지 않는 소프트웨어는 더 이상 사용되지 않는다는 좋은 지표가 아닙니다. 다시 말해, 글로벌 브라우저 버전 공유는 귀하의 웹 사이트가 사용될 인구 통계를 대표한다고 보장하지 않습니다.
브라우저 버전 공유는 인구 통계에 따라 크게 다를 수 있습니다. 국가, 사회 계층 및 수입과 같은 요소는 모두 사용자가 사용하는 장치 (및 브라우저 버전)에 크게 영향을줍니다. 개발자는 구축중인 사이트가 이전 버전을 사용하고있을 가능성이있는 인구 통계에 의해 사용 될지 여부를 고려하십시오.
이 경우에 해당되고 2011 년 이전의 데스크탑 브라우저 또는 2013 년 이전의 모바일 브라우저를 지원해야하는 경우 전체 글꼴 스택 (WOFF2, WOFF, TTF (또는 OTF) 및 EOT)을 사용하십시오.
당신이 그 고대의 브라우저를 지원하지 않아도, 그리고 당신이하는 것이 여전히 사실이라면 이상의 가능성이 하지 않는, 단순히 이에 관해서에서 글꼴 스택으로 WOFF2 및 WOFF를 사용합니다.
(1) TTF 및 OTF는 일반적인 데스크탑 글꼴 형식이며, 하나를 지원하는 모든 브라우저는 다른 하나를 지원하므로 두 가지를 모두 사용하지 마십시오
"웹 폰트"기술 구현 세부 정보는 웹 사이트에서 사용하는 특정 작업을 위해 제작자 나 저작권 보유자가 라이센스를 부여한 글꼴입니다. 그리고 그것들은 웹 폰트 형식으로 올 것입니다. 글꼴을 웹 폰트 형식으로 변환하기 위해 생성기 앞에 앉아 있고 오픈 소스가 아니거나 직접 그린 것이 아닌 경우 바로 그만하십시오! 거의 확실하게 라이센스를 위반하고 있으며 고소 당할 수 있습니다. 또한 웹상에서 사람들이하고있는 일을 쉽게 찾아 판매 목록과 대조 할 수 있습니다.
Facebook 및 Google에서 작업 한이 doofus를 참조하십시오. 누군가가 기술적으로 자신의 웹 사이트에서 해적판 글꼴을 사용하고 있다고 말할 때까지 알지 못했습니다. 그는 데스크톱 구독 라이센스를 가지고 있었지만 웹 사용 라이센스는 아닙니다.