Jenis MIME yang tepat untuk font

Mencari di web, saya menemukan banyak saran berbeda untuk apa jenis MIME yang tepat untuk font, tetapi saya belum mencoba jenis MIME apa pun yang membuat saya mendapat peringatan Chrome seperti berikut:

Sumber daya diartikan sebagai font tetapi ditransfer dengan jenis font MIME / otf

Fonnya adalah OTF.

Saya sudah mencoba jenis MIME berikut sejauh ini

• font / otf
• aplikasi / font-otf
• aplikasi / font
• aplikasi / otf
• application / octet-stream
• application / x-font-otf
• application / x-font-TrueType (saya tahu ini bukan truetype, tetapi satu sumber mengutip ini untuk OTF)

Coba gunakan "font / opentype".

Ada sejumlah format font yang dapat Anda atur untuk tipe MIME, pada server Apache dan IIS. Secara tradisional saya beruntung dengan yang berikut ini:

svg   as "image/svg+xml"                  (W3C: August 2011)
ttf   as "application/x-font-ttf"         (IANA: March 2013)
      or "application/x-font-truetype"
otf   as "application/x-font-opentype"    (IANA: March 2013)
woff  as "application/font-woff"          (IANA: January 2013)
woff2 as "application/font-woff2"         (W3C W./E.Draft: May 2014/March 2016)
eot   as "application/vnd.ms-fontobject"  (IANA: December 2005)
sfnt  as "application/font-sfnt"          (IANA: March 2013) 

Menurut Gugus Tugas Teknik Internet yang mengelola dokumen awal mengenai Ekstensi Email Serbaguna (tipe MIME) di sini: http://tools.ietf.org/html/rfc2045#section-5 ... katanya secara spesifik:

" Diharapkan bahwa penambahan pada set yang lebih besar dari jenis yang didukung umumnya dapat dicapai dengan penciptaan subtipe baru dari tipe awal ini. Di masa depan, lebih banyak tipe level atas dapat didefinisikan hanya dengan perpanjangan jalur standar untuk standar ini. Jika jenis tingkat atas lain digunakan untuk alasan apa pun, ia harus diberi nama yang dimulai dengan "X-" untuk menunjukkan statusnya yang tidak standar dan untuk menghindari kemungkinan konflik dengan nama resmi di masa mendatang. "

Seperti itu, dan seiring waktu, jenis MIME tambahan ditambahkan ketika standar dibuat dan diterima, karenanya kita melihat contoh tipe MIME khusus vendor seperti vnd.ms-fontobject dan sejenisnya.

UPDATE 16 Agustus 2013: WOFF secara resmi terdaftar di IANA pada 3 Januari 2013 dan Webkit telah diperbarui pada 5 Maret 2013 dan browser yang mencari pembaruan ini dalam versi terbaru mereka akan mulai mengeluarkan peringatan tentang jenis server MIME dengan yang lama deklarasi x-font-woff. Karena peringatan hanya mengganggu, saya akan merekomendasikan segera beralih ke jenis MIME yang disetujui. Di dunia yang ideal, peringatan akan menyelesaikan sendiri tepat waktu.

UPDATE 26 Februari 2015: WOFF2 sekarang ada dalam W3C Editor's Draft dengan tipe mime yang diusulkan. Itu kemungkinan harus diserahkan ke IANA di tahun berikutnya (mungkin pada akhir 2016) mengikuti jadwal kemajuan yang lebih baru. Selain SFNT, format font kontainer scalable / spline yang digunakan dalam referensi tabel tulang punggung Google Web Font dengan pustaka java sfntly mereka dan sudah terdaftar sebagai tipe mime dengan IANA dan dapat ditambahkan ke daftar ini juga tergantung pada kebutuhan individu.

UPDATE 4 Oktober 2017: Kita dapat mengikuti perkembangan format WOFF2 di sini dengan mayoritas browser modern yang mendukung format tersebut dengan sukses. Selain itu, kita dapat mengikuti pelacak jenis Permintaan Media ("Jenis") IETF untuk komentar (RFC) pelacak dan dokumen mengenai set jenis font yang diusulkan terbaru untuk persetujuan.

Bagi mereka yang ingin menyematkan jenis huruf dalam urutan yang tepat di CSS Anda, silakan kunjungi artikel ini . Tapi sekali lagi, saya beruntung dengan urutan berikut:

@font-face {
    font-family: 'my-web-font';
    src: url('webfont.eot');
    src: url('webfont.eot?#iefix') format('embedded-opentype'),
         url('webfont.woff2') format('woff2'),
         url('webfont.woff') format('woff'),
         url('webfont.ttf') format('truetype'),
         url('webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

Untuk properti otomatis Subversion, ini dapat didaftar sebagai:

# Font formats
svg   = svn:mime-type=image/svg+xml
ttf   = svn:mime-type=application/x-font-ttf
otf   = svn:mime-type=application/x-font-opentype
woff  = svn:mime-type=application/font-woff
woff2 = svn:mime-type=application/font-woff2
eot   = svn:mime-type=application/vnd.ms-fontobject
sfnt  = svn:mime-type=application/font-sfnt

Abaikan peringatan chrome. Tidak ada tipe MIME standar untuk font OTF.

font / opentype dapat membungkam peringatan, tetapi itu tidak menjadikannya hal yang "benar" untuk dilakukan.

Boleh dibilang, Anda lebih baik mengada-ada, mis. Dengan "application / x-opentype" karena setidaknya "application" adalah tipe konten terdaftar, sedangkan "font" tidak.

Pembaruan: OTF tetap menjadi masalah, tetapi WOFF mengembangkan jenis aplikasi / font-woff IANA MIME pada Januari 2013.

Pembaruan 2: OTF telah mengembangkan jenis MIME: application / font-sfnt Pada Maret 2013. Jenis ini juga berlaku untuk .ttf

Sejak Feb 2017 RFC 8081 mengelompokkan semua jenis MIME untuk font di bawah fontjenis media level atas . Jenis MIME lama dari postingan asli saya sekarang terdaftar sebagai usang.

Jenis font seperti yang tercantum oleh IANA sekarang:

• .otf -> font / otf
• .sfnt -> font / sfnt
• .ttf -> font / ttf
• .woff -> font / woff
• .woff2 -> font / woff2

Format font non-standar lainnya dibiarkan seperti:

• .eot -> application / vnd.ms-fontobject (mulai Desember 2005)
• .svg -> image / svg + xml (mulai Agustus 2011)

[Posting Asli Yang Kadaluarsa]

Karena masih ada banyak kebingungan di web tentang jenis MIME untuk font web, saya pikir saya akan memberikan jawaban saat ini, lengkap dengan tanggal yang efektif, dan tautan pendukung ke IANA dan W3C.

Berikut adalah jenis MIME resmi untuk Font Web:

• .eot -> application / vnd.ms-fontobject (mulai Desember 2005)
• .otf -> application / font-sfnt (mulai Maret 2013)
• .svg -> image / svg + xml (mulai Agustus 2011)
• .ttf -> application / font-sfnt (mulai Maret 2013)
• .woff -> application / font-woff (mulai Januari 2013)
• .woff2 -> font / woff2 (diusulkan oleh W3C pada Maret 2016)

Perhatikan ada gerakan untuk mengubah semua hal di atas menjadi tipe MIME font/XXX, seperti yang didukung oleh W3C dalam proposal untuk WOFF v2. Ini sedang dilacak oleh Internet Engineering Task Force (IETF) di bawah Jenis huruf Top Level dan pada bulan Februari 2017 disetujui status RFC (lihat RFC 8081 ) sehingga semuanya dapat berubah!

Sementara pada topik server web, perlu disebutkan bahwa respons HTTP dapat gzip(atau mengompres) semua format font di atas kecuali .woff& .woff2yang sudah sangat terkompresi.

Saya katakan lebih banyak di MIME Types for Web Fonts dengan (Fantom) BedSheet .

Sebagai contoh spesifik dari salah satu dari dua hal sulit dalam komputasi, menarik untuk melihat bagaimana jawaban untuk pertanyaan ini telah berubah sejak pertanyaan ini awalnya diposting. Syukurlah, kekuatan yang telah menertibkan kekacauan:

Pada bulan Februari tahun ini (2017), W3C menerbitkan Track Standar RFC 8081: Tipe Media Top-Level "font" yang sangat menyederhanakan tipe media yang sesuai untuk file font:

Memo ini berfungsi untuk mendaftarkan dan mendokumentasikan jenis media tingkat atas "font", di mana subtipe untuk format representasi untuk font dapat didaftarkan. Dokumen ini juga berfungsi sebagai aplikasi pendaftaran untuk satu set subtipe yang dimaksudkan, yang merupakan perwakilan dari beberapa subtipe yang ada yang sudah digunakan, dan saat ini terdaftar di bawah pohon "aplikasi" dengan registrasi terpisah mereka.

Ini adalah dokumen yang cukup mudah dibaca dan menggambarkan konteks historis (tidak adanya "pendaftaran format untuk font" ) yang memunculkan campuran yang membingungkan antara jenis dan sub-jenis media. Dengan meningkatnya popularitas font web yang dapat diunduh (relatif) baru-baru ini, W3C mengakui perlunya “jenis huruf tingkat atas yang intuitif” . Apa yang mereka datang dengan adalah ... font.

Karenanya, IANA telah memperbarui daftar resmi jenis Media dengan jenisfont media dan semua sub-jenisnya yang saat ini mereka kenali:

collection  font/collection
otf     font/otf
sfnt    font/sfnt
ttf     font/ttf
woff    font/woff
woff2   font/woff2

Semoga ini jawaban terakhir yang dibutuhkan pertanyaan ini.

Berikut ini adalah solusi NGINX

mengajukan

/usr/local/nginx/conf/mime.types

Menambahkan

font/ttf                      ttf;
font/opentype                 otf;
application/font-woff         woff2;
application/font-woff         woff;
application/vnd.ms-fontobject eot;

menghapus

application/octet-stream        eot;

Terima kasih kepada Mike Fulcher

http://drawingablank.me/blog/font-mime-types-in-nginx.html

FWIW mengenai Apache 2.2 VirtualHosting dan mod_mime diuji pada Debian Linux dan OS X Leopard dan Snow Leopard:

Jika Anda memiliki konfigurasi VirtualHost, Anda akan ingin menambahkan jenis melalui Petunjuk AddType sebagai berikut setidaknya di bagian bawah konfigurasi sebagai berikut:

....
   AddType font/opentype .otf
   AddType font/ttf .ttf
</VirtualHost>

Diuji terhadap Chrome Unstable / Trunk dan Safari WebKit Nightly yang menghilangkan peringatan mime octet-stream untuk kedua jenis font ttf dan otf.

Catatan: .htaccess tidak memiliki efek apa pun ketika berhadapan dengan VirtualHosting. Jika Anda mengembangkan untuk beberapa situs, Anda akan menggunakan pengembangan VirtualHosting dan setiap konfigurasi memerlukan tambahan AddType ini.

Saya baru saja melakukan riset pada daftar resmi IANA . Saya percaya jawaban yang diberikan di sini 'font / xxx' salah karena tidak ada tipe 'font' dalam standar MIME.

Berdasarkan RFC dan IANA, ini tampaknya menjadi kondisi saat ini pada Mei 2013:

Ketiganya adalah resmi dan ditugaskan oleh IANA:

• svg sebagai "image / svg + xml"
• woff sebagai "application / font-woff"
• eot sebagai "application / vnd.ms-fontobject"

Ini tidak resmi / ditugaskan, dan karenanya harus menggunakan sintaks 'x-':

• ttf sebagai "application / x-font-ttf"
• otf sebagai "application / x-font-opentype"

Aplikasi / font-woff muncul baru dan mungkin hanya resmi sejak Jan 2013. Jadi "application / x-font-woff" mungkin lebih aman / lebih kompatibel dalam jangka pendek.

Mulai Maret 2013 IANA.ORG merekomendasikan untuk .otf :
application/font-sfnt

Font lain:

.eot  ->  application/vnd.ms-fontobject (as from December 2005)
.otf  ->  application/font-sfnt         (as from March 2013)
.svg  ->  image/svg+xml                 (as from August 2011)
.ttf  ->  application/font-sfnt         (as from March 2013)
.woff ->  application/font-woff         (as from January 2013)

Lihat lebih lanjut ...

Berikut ini dapat digunakan di ruang e-book:

application/vnd.ms-opentype

Saya akan membayangkan bahwa itu sama untuk web.

application / font-woff untuk woff: http://www.iana.org/assignments/media-types/application/font-woff

Pada Februari 2017, RFC 8081 menambahkan font / * jenis media, yang juga tercantum dalam daftar Jenis Media IANA . font/otfada di daftar ini.

Mungkin ini akan membantu seseorang. Saya melihat bahwa pada IIS 7 .ttfsudah dikenal sebagai tipe mime. Dikonfigurasi sebagai:

application/octet-stream

Jadi saya hanya menambahkan bahwa untuk semua jenis font yang CSS ( .oet, .svg, .ttf,.woff ) dan IIS mulai melayani mereka. Alat dev Chrome juga tidak mengeluh tentang menafsirkan ulang tipe.

Cheers, Michael

Salah satu cara untuk membungkam peringatan ini dari Chrome adalah dengan memperbarui Chrome dan kemudian memastikan tipe mime Anda adalah salah satunya:

 "font/ttf"
 "font/opentype"
 "application/font-woff"
 "application/x-font-type1"
 "application/x-font-ttf"
 "application/x-truetype-font"

Daftar ini sesuai dengan tambalan yang ditemukan di Bug 111418 di webkit.org .

Tambalan yang sama menurunkan pesan dari "Peringatan" ke "Log", jadi hanya meningkatkan Chrome ke pos mana pun versi Maret-2013 akan menghilangkan segitiga kuning.

Karena pertanyaannya adalah tentang membungkam peringatan Chrome, dan orang-orang mungkin berpegang pada versi Chrome lama untuk alasan apa pun, saya pikir ini layak untuk ditambahkan.