.Woff2 फोंट के लिए उचित MIME प्रकार


279

आज मैंने फ़ॉन्ट भयानक पैकेज को 4.3.0 में अपडेट किया और देखा कि woff2 फ़ॉन्ट जोड़ा गया था। वह फ़ाइल CSS से जुड़ी हुई है इसलिए मुझे noffx को woff2 फ़ाइलों को ठीक से परोसने के लिए कॉन्फ़िगर करना होगा।

वर्तमान में मैं फोंट के लिए nginx config में इस ब्लॉक है:

location ~* \.(otf|eot|woff|ttf)$ {
    types     {font/opentype otf;}
    types     {application/vnd.ms-fontobject eot;}
    types     {font/truetype ttf;}
    types     {application/font-woff woff;}
}

Woff2 फोंट के लिए उचित माइम प्रकार क्या है?


1
यहाँ कैसे अपाचे में woff2 फ़ाइलों को कैश करने के लिए है: <IfModule mod_mime.c> AddType font/woff2 woff2और <IfModule mod_expires.c> ExpiresActive On ExpiresByType font/woff2 "access plus 1 month"। (बंद टैग और नए अंक छोड़े गए।)
क्लो

जवाबों:


437

IIS में आप WOFF2 फ़ॉन्ट फ़ाइलों के लिए माइम प्रकार को अपनी परियोजना के web.config में निम्नलिखित जोड़कर घोषित कर सकते हैं:

<system.webServer>
  <staticContent>
    <remove fileExtension=".woff2" />
    <mimeMap fileExtension=".woff2" mimeType="font/woff2" />
  </staticContent>
</system.webServer>

अद्यतन : माइम प्रकार नवीनतम W3C संपादक के ड्राफ्ट WOFF2 कल्पना के अनुसार बदल सकता है । परिशिष्ट A देखें : इंटरनेट मीडिया प्रकार पंजीकरण खंड 6.5। WOFF 2.0 जो नवीनतम प्रस्तावित प्रारूप बताता हैfont/woff2


6
अब IIS 10 में MIME- प्रकार का समर्थन किया गया था .woff2। IIS 10 के साथ आपको web.config में कुछ भी बदलने की आवश्यकता नहीं है।
केविन

7
<remove>टैग यहां किस उद्देश्य से काम करता है? यह IIS संदर्भ (में प्रलेखित किया जाना प्रतीत नहीं होता है iis.net/configreference )
पैथोजन

18
@Pathogen कभी-कभी IIS एक त्रुटि फेंकता है यदि mimeMap पहले से मौजूद है। जोड़ने से पहले इसे हटाने से वह त्रुटि ठीक हो जाती है।
एलन

214

font/woff2

के लिए nginx के लिए निम्नलिखित जोड़ने mime.typesफ़ाइल:

font/woff2 woff2;


पुराना उत्तर

माइम प्रकार WOFF2 फोंट के लिए (कुछ समय माइम प्रकार के रूप में लिखा) कर दिया गया है प्रस्तावित के रूप में application/font-woff2

इसके अलावा, यदि आप युक्ति का उल्लेख करते हैं ( http://dev.w3.org/webfonts/WOFF2/spec/ ) तो आप देखेंगे कि font/woff2चर्चा की जा रही है। मुझे संदेह है कि सभी फोंट के लिए फिलाल माइम प्रकार अंततः अधिक तार्किक font/*( font/ttf, font/woff2आदि) होगा ...

NB WOFF2 अभी भी 'वर्किंग ड्राफ्ट' की स्थिति में है - अभी तक आधिकारिक तौर पर नहीं अपनाया गया है।


38
यह अद्यतन किया गया है। युक्ति इसे बहुत स्पष्ट करती है। प्रकार फ़ॉन्ट है और उपप्रकार woff2 है जो बनाता है फ़ॉन्ट / woff2 है। यह भी वही है जो Google फ़ॉन्ट्स स्वयं उपयोग करता है।
रायवो लैनीमेट्स

मैं अभी भी कल्पना में कुछ भी निश्चित नहीं देख सकता। हालांकि वे font/*शीर्ष स्तर के प्रकार को पेश करना चाहते हैं । मुझे लगता है कि पूरी जानकारी के हित में, मैं इसे अपने उत्तर में जोड़ूंगा।
atwright147

@ atwright147 माइम प्रकार परिशिष्ट A में शामिल हैं, Woff2 के लिए यह परिशिष्ट A की धारा 6.5 है
रिचर्ड

3
मार्च 2016 को अपडेट किया गया: अब यह एक उम्मीदवार की सिफारिश और फ़ॉन्ट / woff2 mimetype w3.org/TR/WOFF2/#IMT है
क्रिस एफ कैरोल

36

अमरीका की एक मूल जनजाति

अपाचे में, आप woff2अपनी .htaccessफ़ाइल के माध्यम से इस प्रकार लिंक के अनुसार माइम जोड़ सकते हैं ।

AddType  application/font-woff2  .woff2

आईआईएस

IIS में, बस mimeMapटैग के web.configअंदर अपनी फ़ाइल में निम्न टैग जोड़ें staticContent

<configuration>
  <system.webServer>
    <staticContent>
      <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />

के बारे में क्याapplication/x-font-woff2
Nerdroid

1
अरे @Moes :) अकस्मात, application/x-font-woff2पुराने प्रकार के लिए जब woff2 बहुत नया था। W3C युक्ति अब उपयोग करने की सलाह application/font-woff2के बाद से है कि व्यापक रूप से समर्थित है। यदि आप पश्चगामी अनुकूलता के बाद हैं, तो बेझिझक शामिल करें x-font-woff2
फ़िज़िक्स

IIS में, यदि वे सर्वर में कहीं और परिभाषित किए गए हैं, तो पहले से परिभाषित एक्सटेंशन प्रविष्टियों को हटाने के लिए सावधान रहें। यदि आप इसका सामना करते हैं तो यह आपको बहुत भ्रमित कर देगा! <remove fileExtension=".woff2" />और फिर इसे ऊपर के रूप में परिभाषित करें :)
jocull

ध्यान दें कि प्रस्तावित और सबसे अधिक संभवत: स्वीकार किया जाता है फ़ॉन्ट / woff2
Syakur रहमान

1
WOFF फ़ाइल स्वरूप 2.0 के लिए W3C सिफारिश अब उपयोग करने की अनुशंसा font/woff2MIME प्रकार लेकिन जैसा कि सरकारी मीडिया प्रकार के IANA सूची (अभी तक) करता है WOFF2 शामिल हैं।
एंथोनी जोगेगन

17

http://dev.w3.org/webfonts/WOFF2/spec/#IMT

ऐसा लगता है कि w3c ने इसे बंद कर दिया font/woff2

मैं देख रहा हूं कि उचित माइम प्रकार के बारे में कुछ चर्चा है। लिंक में हम पढ़ते हैं:

यह दस्तावेज़ एक शीर्ष-स्तरीय MIME प्रकार "फ़ॉन्ट" को परिभाषित करता है ...

... आधिकारिक तौर पर परिभाषित IANA उपप्रकार जैसे "एप्लिकेशन / फॉन्ट-वॉफ" ...

डब्ल्यू 3 सी वेबफोन्स डब्ल्यूजी के सदस्य मानते हैं कि "एप्लिकेशन" का उपयोग शीर्ष-स्तरीय प्रकार आदर्श नहीं है।

और बादमें

6.5. WOFF 2.0

    Type name:

        font
    Subtype name:

        woff2

इसलिए W3C से प्रस्ताव IANA से अलग है।

हम देख सकते हैं कि यह woff प्रकार से भी भिन्न है: http://dev.w3.org/webfonts/WOFF/spec/#IMT जहाँ हम पढ़ते हैं:

Type name:

    application
Subtype name:

    font-woff

जो है

application/font-woff

http://www.w3.org/TR/WOFF/#appendix-b


1
मुझे यह सुझाव देने के लिए उस पृष्ठ पर कुछ भी दिखाई नहीं देता है कि क्या यह font/woff2कृपया बदल दिया गया है ?
atwright147

शायद मैं इसे गलत समझ रहा हूं। मेरा मतलब है परिशिष्ट A, '6.5। WOFF 2.0 '
फंतासी

1
सोच भी नहीं सकते कि यह नीचा है। युक्ति इसे बहुत स्पष्ट करती है। प्रकार फ़ॉन्ट है और उपप्रकार woff2 है जो बनाता है फ़ॉन्ट / woff2 है। यह भी वही है जो Google फ़ॉन्ट्स स्वयं उपयोग करता है।
रायवो लैनीमेट्स

2
मैंने शुरुआत में इसे उकेरा लेकिन मुझे लगा कि मैं इससे एक ब्लॉग पोस्ट प्राप्त कर सकता हूं। जैसा कि यह खड़ा है यह पोस्ट WOFF2 कल्पना के साथ इनलाइन है, लेकिन यह अभी भी एक वर्किंग ड्राफ्ट है और इसे अभी तक अनुशंसा स्थिति में नहीं ले जाया गया है। इसका मतलब यह है कि woff2 में तकनीकी रूप से कोई माइम नहीं है क्योंकि font/woff2यह अमान्य है जब तक कि यह स्वीकृत नहीं है, लेकिन विशेष दस्तावेज ने application/font-woff2हमें बिना किसी अधिकारी के साथ छोड़ने के समर्थन को रद्द कर दिया है । इसलिए मुझे लगता है कि इस बिंदु पर मैं उपयोग करने जा रहा हूं application/font-woff2
rtpHarry

2
@rtpHarry मैंने पहले इस उत्तर और आपकी टिप्पणी दोनों को अपडाउन किया। फरवरी 2017 तक, W3C ने आधिकारिक मीडिया प्रकार बनाते हुए स्टैंडर्ड ट्रैक RFC 8081 प्रकाशित किया font/woff2। देखें stackoverflow.com/a/43321601/1640661
एंथोनी Geoghegan
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.