WOFF(Web Open Font Format)는 Mozilla에서 개발한 웹 글꼴용 파일 형식입니다. WOFF 파일에는 압축된 TTF 및 OTF 파일과 라이선스 정보 및 기타 메타데이터가 포함될 수 있습니다. 다음은 WOFF에 대해 알아야 할 사항입니다.
이 문서의 정보는 WOFF 및 WOFF2 파일에 적용됩니다.
WOFF 파일이란 무엇입니까?
ZIP 파일과 마찬가지로 WOFF 파일은 다른 파일, 특히 TrueType 글꼴(TTF) 및 OpenType 글꼴(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 형식의 수백 가지 글꼴이 있습니다.