Apa itu WOFF? Penjelasan Format Font Web Terbuka

WOFF (Web Open Font Format) adalah font web yang distandarisasi oleh W3C yang mengompresi font TrueType/OpenType untuk pengiriman yang lebih cepat. Pelajari cara kerja WOFF dan penggunaannya.

Alat konversi file online gratis. Berfungsi di Chrome, Firefox, Safari, Edge, Opera, dan browser modern lainnya di Windows, macOS, Linux, Android, dan iOS. Tanpa instalasi perangkat lunak atau pendaftaran. Semua konversi berjalan langsung di browser Anda, sehingga file Anda tidak pernah meninggalkan perangkat. Gratis digunakan tanpa akun.

Font

Apa itu WOFF? Penjelasan Format Font Web Terbuka

Format font web W3C yang membungkus dan mengompresi font TrueType atau OpenType.

Terakhir diperbarui:

Year2012
TypeWeb font wrapper
UsageWeb fonts (@font-face)

What is it?

WOFF (Web Open Font Format) is a font packaging format designed for use on the web and published as a W3C Recommendation in December 2012. It is essentially a compressed wrapper around existing SFNT-based fonts such as TrueType and OpenType.

A WOFF file contains the same font tables as the original TTF or OTF, but compressed (using zlib) and accompanied by optional metadata. Browsers decompress the font and use it via CSS @font-face, reducing download size compared with raw TTF/OTF files.

Technical Specifications

DeveloperW3C (based on work by Mozilla and others)
File Extension.woff
MIME Typefont/woff
Released2012 (W3C Recommendation)
TypeCompressed web font wrapper (SFNT-based)

Pros & Cons

Advantages

Unduhan lebih kecil

WOFF compresses font tables with zlib, typically reducing TrueType file sizes by 40% or more for faster page loads.

Dukungan browser yang luas

All major browsers support WOFF, making it a safe baseline web font format.

Mempertahankan data font

WOFF wraps the original SFNT tables losslessly, so the font's outlines and features are fully retained.

Dukungan metadata

The format can embed licensing and provenance metadata alongside the font.

Disadvantages

Digantikan oleh WOFF2

WOFF2 offers significantly better compression, so WOFF is now mostly a fallback for older browsers.

Tujuan hanya untuk web

WOFF is intended for web delivery and is not used as a desktop or print font format.

Beban dekompresi

Browsers must decompress the font before use, a minor cost compared with raw SFNT files.

When to Use It

WOFF is used to deliver custom fonts efficiently on websites.

Font web CSS @font-face

WOFF is referenced in stylesheets to serve branded typefaces to site visitors.

Fallback untuk browser lama

Sites provide WOFF alongside WOFF2 so older browsers that lack WOFF2 still render custom fonts.

Layanan hosting font

Web font providers deliver WOFF to ensure wide compatibility across browsers.

How to open a WOFF file

Software for working with WOFF files generally falls into four categories: professional design tools, free or open-source applications, web-based browser tools, and built-in system utilities. Professional tools are suited for designers and developers who require extensive features and high fidelity, while free and open-source options cater to those with budget constraints. Browser tools are ideal for quick tasks without installation, and built-in utilities are convenient for basic needs.

When choosing software for WOFF specifically, important factors include feature fidelity, whether you need editing capabilities or just viewing, cost, platform compatibility, and export options. If you need to manipulate font files extensively, a professional tool is preferable, while simple viewing might be handled by a browser tool. Additionally, consider whether converting to other formats is necessary for your workflow.

FontForge 2023

Windows, macOS, LinuxFree (GPL)

FontForge is an open-source font editor that supports WOFF files among many other formats. It allows users to create, edit, and convert fonts, providing a high level of fidelity and control over font design.

Fitur utama
  • Full font editing capabilities
  • Support for multiple font formats
  • Advanced kerning and hinting tools
  • Batch conversion to various formats
Kelebihan
  • Comprehensive editing features for WOFF
  • Free and open-source with community support
  • Cross-platform compatibility
Keterbatasan
  • Steeper learning curve for beginners
  • Interface may feel outdated

Ekspor ke: TTF, OTF, SVG, WOFF2

Terbaik untuk: FontForge is ideal for users needing extensive editing and conversion capabilities for WOFF files.

Kunjungi FontForge →

Transfonter 2023

All (browser)Free / Paid

Transfonter is a web-based tool designed for converting fonts to web formats, including WOFF. It allows users to upload font files and generate WOFF files quickly, making it suitable for web developers.

Fitur utama
  • Upload multiple font formats
  • Generate WOFF and WOFF2 files
  • CSS generation for web use
  • Customization of font subsets
Kelebihan
  • User-friendly interface for quick conversions
  • No installation required, works in any browser
  • CSS integration for easy web use
Keterbatasan
  • Limited editing capabilities
  • Dependent on internet connection

Ekspor ke: WOFF, WOFF2, TTF, EOT

Terbaik untuk: Transfonter is perfect for web developers needing a quick and easy way to convert fonts to WOFF.

Kunjungi Transfonter →

Glyphs 3.0

macOSOne-time $299

Glyphs is a professional font creation tool that supports WOFF files, allowing designers to create and edit fonts with precision. It offers a rich set of features for font design and export.

Fitur utama
  • Intuitive interface for font design
  • Support for variable fonts
  • Extensive OpenType feature support
  • Export to multiple font formats
Kelebihan
  • High-quality font design tools
  • Excellent support for OpenType features
  • Active community and resources
Keterbatasan
  • High cost may deter casual users
  • macOS only limits accessibility

Ekspor ke: TTF, OTF, WOFF, WOFF2

Terbaik untuk: Glyphs is best for professional font designers looking for advanced features and high-quality output for WOFF.

Kunjungi Glyphs →

Web Font Generator 2023

All (browser)Free

Web Font Generator is a straightforward online tool that converts font files into web-compatible formats, including WOFF. It is designed for quick and easy font conversion for web use.

Fitur utama
  • Drag-and-drop file upload
  • Generate WOFF and WOFF2 formats
  • Basic font customization options
  • Downloadable CSS for web integration
Kelebihan
  • Simple and fast conversion process
  • No software installation needed
  • Free to use with no hidden fees
Keterbatasan
  • Limited editing features
  • Basic customization options only

Ekspor ke: WOFF, WOFF2, TTF, EOT

Terbaik untuk: Web Font Generator is ideal for users needing a quick and easy solution for converting fonts to WOFF without installation.

Kunjungi Web Font Generator →

Convert WOFF Files Free

Use our free online converter to convert WOFF and other formats - no signup, no watermarks.

Try Font Converter Free

References

  1. WOFF File Format 1.0 - W3C
  2. Web Open Font Format - Wikipedia
  3. WOFF and WOFF2 font formats - MDN Web Docs
  4. font/woff media type - IANA