Tipe MIME .woff: font/woff

File berakhiran .woff (Web font (WOFF)) menggunakan tipe MIME font/woff.

Diperbarui

font/woff
Tipe MIME untuk .woff
Font
Kategori
Tidak
Kompres dengan gzip/Brotli

Apa tipe MIME file .woff?

Tipe MIME (media type) untuk file Web font (WOFF) dengan ekstensi .woff adalah font/woff. Kamu mungkin juga melihat application/font-woff. Format web font lama; WOFF2 sekitar 30 % lebih kecil dan kini didukung di semua browser.

Header Content-Type

Content-Type: font/woff

Konfigurasi server

ServerKonfigurasi
Nginx (mime.types or types {})font/woff woff;
Apache (.htaccess)AddType font/woff .woff
IIS (web.config)<mimeMap fileExtension=".woff" mimeType="font/woff" />
Node.js / Expressres.type('woff') atau res.setHeader('Content-Type', 'font/woff')
Amazon S3Atur Content-Type: font/woff pada objek (metadata), atau berikan --content-type font/woff ke aws s3 cp

Apakah file .woff perlu dikompresi?

Tidak. File Web font (WOFF) sudah terkompresi secara internal, jadi gzip atau Brotli hanya membuang CPU dan hampir tidak mengurangi ukuran — kadang malah membuatnya lebih besar. Jangan masukkan font/woff ke dalam konfigurasi kompresi kamu.

Mengapa tipe MIME itu penting

Browser memutuskan apa yang dilakukan terhadap sebuah respons — ditampilkan, dijalankan, diputar, atau diunduh — berdasarkan header Content-Type, bukan ekstensi file. Dengan X-Content-Type-Options: nosniff, tipe yang salah membuat stylesheet dan script langsung diblokir. Untuk unggahan file, jangan pernah percaya tipe yang dikirim klien; periksa isi file (magic bytes-nya) di server.

Pertanyaan yang sering diajukan

Apa tipe MIME untuk .woff?
font/woff. Alternatif yang sering ditemui: application/font-woff.
Bagaimana cara mengatur Content-Type untuk .woff di Nginx?
Pastikan font/woff woff; ada di blok types (biasanya di /etc/nginx/mime.types) lalu muat ulang Nginx.
Apakah file .woff perlu di-gzip?
Tidak — formatnya sudah terkompresi, jadi kompresi HTTP tidak memberi manfaat.