Apa tipe MIME file .woff2?
Tipe MIME (media type) untuk file Web font (WOFF2) dengan ekstensi .woff2 adalah font/woff2. Ini format web font yang paling direkomendasikan. Formatnya sudah dikompres secara internal dengan Brotli, jadi jangan dikompres lagi. Font yang dimuat lintas origin membutuhkan header CORS (Access-Control-Allow-Origin).
Header Content-Type
Content-Type: font/woff2Konfigurasi server
| Server | Konfigurasi |
|---|---|
Nginx (mime.types atau types {}) | font/woff2 woff2; |
Apache (.htaccess) | AddType font/woff2 .woff2 |
IIS (web.config) | <mimeMap fileExtension=".woff2" mimeType="font/woff2" /> |
| Node.js / Express | res.type('woff2') atau res.setHeader('Content-Type', 'font/woff2') |
| Amazon S3 | Atur Content-Type: font/woff2 pada objek (metadata), atau berikan --content-type font/woff2 ke aws s3 cp |
Haruskah file .woff2 dikompres?
Tidak. File Web font (WOFF2) sudah terkompres secara internal, jadi gzip atau Brotli hanya membuang CPU dan hampir tidak mengurangi ukuran, kadang malah menambahnya. Jangan masukkan font/woff2 ke dalam konfigurasi kompresi Anda.
Mengapa tipe MIME penting
Browser memutuskan apa yang dilakukan dengan 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 diblokir sepenuhnya. Untuk unggahan, jangan pernah percaya tipe yang dikirim klien. Periksa isi file (byte penanda atau magic bytes-nya) di server.
Pencarian tipe MIME
Cari semua ekstensi file dan tipe MIME umum, lengkap dengan header Content-Type yang siap disalin.
Pertanyaan yang sering diajukan
Apa tipe MIME untuk .woff2?
font/woff2.Bagaimana cara mengatur Content-Type untuk .woff2 di Nginx?
font/woff2 woff2; sudah ada di blok types (biasanya di /etc/nginx/mime.types), lalu muat ulang Nginx.