WOFF (Web Open Font Format)는 Mozilla에서 개발 한 웹 글꼴 용 파일 형식입니다. WOFF 파일에는 압축 된 TTF 및 OTF 파일과 라이선스 정보 및 기타 메타 데이터가 포함될 수 있습니다. WOFF에 대해 알아야 할 사항은 다음과 같습니다.
이 문서의 정보는 WOFF 및 WOFF2 파일에 적용됩니다.
WOFF 파일이란?
ZIP 파일과 마찬가지로 WOFF 파일은 다른 파일, 특히 트루 타입 글꼴 (TTF) 및 오픈 타입 글꼴 (OTF) 파일의 컨테이너 역할을합니다. 이러한 유형의 파일은 웹 디자이너에게 대부분의 컴퓨터에서 볼 수있는 표준 문자 이외의 글꼴을 사용할 수있는 기능을 제공합니다.
WOFF는 WOFF2 형식으로 대체되었습니다. WOFF2는 더 나은 압축 알고리즘을 제공하여 원본 파일 크기를 추가로 30 % 줄입니다. 따라서 WOFF2 파일은 대역폭을 덜 차지하고 더 빨리로드됩니다. WOFF 파일의 확장자는 .woff이고 WOFF2 파일의 확장자는 .woff2입니다.
WOFF 파일은 어떻게 작동합니까?
거의 모든 웹 페이지는 CSS (Cascading Style Sheets)를 사용하여 화면의 HTML 및 기타 요소의 레이아웃을 정의합니다. 예를 들어 개발자는 CCS를 사용하여 사용자 컴퓨터에 이미 설치된 글꼴을 참조하여 웹 글꼴을 변경할 수 있습니다. 그러나 PC 또는 브라우저에서 글꼴을 지원하지 않는 경우 페이지의 글꼴 스택 설정 방법에 따라 다른 글꼴로 표시되거나 전혀로드되지 않습니다.
이 문제를 방지하기 위해 사용자 지정 글꼴은 다른 모든 웹 페이지 요소와 함께 서버에 저장되는 WOFF 파일에 저장할 수 있습니다. 그런 다음 디자이너는 @ font-face CSS 속성을 사용하여 WOFF 파일을 참조하고 브라우저에서 글꼴을 렌더링 할 수 있습니다.
Google Chrome, Firefox, Microsoft Edge, Opera 및 Safari는 모두 WOFF 형식을 지원하지만 웹 브라우저를 최신 버전으로 업데이트해야 할 수도 있습니다.
WOFF의 이점
웹 개발자가 사용할 수있는 글꼴 유형을 확장하는 것 외에도 WOFF 파일을 사용하면 몇 가지 장점이 있습니다. 예를 들면 :
- 압축: WOFF 파일은 압축되어 있기 때문에 다른 글꼴 파일 형식보다 빠르게로드됩니다.
- HTML 및 CSS 지원: 이미지 파일과 달리 WOFF 파일은 HTML 및 CSS로 스타일링 할 수 있습니다.
- SEO: WOFF 글꼴은 텍스트 이미지보다 검색 엔진 최적화 (SEO)에 더 좋습니다.
- 최적화 된 렌더링: WOFF 파일에는 상황 별 형식 및 구식 그림을 포함한 인쇄 정보가 포함되어있어 모든 장치에서 최적의 렌더링이 가능합니다.
- 웹 사이트 접근성: WOFF 파일은 텍스트를 소리내어 읽을 수 있고 텍스트 이미지는 읽을 수 없으므로 사이트에 더 쉽게 액세스 할 수 있도록합니다.
- 퍼가기: WOFF 글꼴은 다른 언어의 문자로 글꼴을 포함 할 수 있도록하여 국제화에 도움이됩니다.
나만의 WOFF 글꼴 만들기
FontForge와 같은 글꼴 편집기를 사용하면 고유 한 글꼴 세트를 디자인하고 WOFF 파일로 내보낼 수 있습니다. FontForge를 사용하여 WOFF를 TTF 또는 OTF 파일로 변환 할 수도 있습니다. TTF 또는 OTF 만 지원하는 다른 글꼴 편집기가있는 경우 sfnt2woff 도구를 사용하여 글꼴을 WOFF 파일로 변환 할 수 있습니다.
Open Font Library 및 Font Squirrel에는 상업용 및 비상업적 용도로 무료로 제공되는 WOFF 형식의 수백 가지 글꼴이 있습니다.