2015-01-30 11 views
227

आज मैंने Font Awesome पैकेज को 4.3.0 पर अपडेट किया और देखा कि woff2 फ़ॉन्ट जोड़ा गया था। वह फ़ाइल सीएसएस में जुड़ी हुई है इसलिए मुझे woff2 फ़ाइलों को ठीक से सेवा देने के लिए nginx को कॉन्फ़िगर करने की आवश्यकता है।.woff2 फोंट के लिए उचित MIME प्रकार

वर्तमान में मैं फोंट के लिए 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 फोंट के लिए उचित माइम प्रकार क्या है?

font/woff2 woff2;


ओल्ड उत्तर

माइम प्रकार (कुछ समय writt:

+0

यहाँ अपाचे में फ़ाइलों woff2 कैश करने के लिए बताया गया है: ' AddType फॉन्ट/woff2 woff2' और' ExpiresActive ExpiresByType पर फॉन्ट/woff2 "पहुँच प्लस 1 महीने" '। (बंद टैग और न्यूलाइन छोड़े गए।) – Chloe

उत्तर

345

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

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

अद्यतन: माइम प्रकार नवीनतम के अनुसार बदलते जा सकता है डब्ल्यू 3 सी संपादक का ड्राफ्ट WOFF2 specAppendix A: Internet Media Type Registration अनुभाग 6.5 देखें। WOFF 2.0 जिसमें कहा गया है नवीनतम प्रस्तावित प्रारूप font/woff2

+4

अब आईआईएस 10 में एमआईएम-प्रकार का समर्थन था। Woff2। आईआईएस 10 के साथ आपको web.config में कुछ भी बदलने की ज़रूरत नहीं है। – Kevin

+4

'' टैग का उद्देश्य क्या है? ऐसा लगता है कि आईआईएस संदर्भ में दस्तावेज नहीं किया गया है (https://www.iis.net/configreference) – Pathogen

+11

@ पैथोजेन कभी-कभी आईआईएस एक त्रुटि फेंकता है यदि mimeMap पहले से मौजूद है। इसे जोड़ने से पहले इसे हटाकर उस त्रुटि को हल करता है। – Allan

199

font/woff2

nginx लिए mime.types फ़ाइल में निम्न जोड़ने एमआईएमटीपी के रूप में) WOFF2 फोंट के लिए application/font-woff2 के रूप में प्रस्तावित किया गया है।

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

N.B. डब्ल्यूओएफएफ 2 अभी भी 'वर्किंग ड्राफ्ट' स्थिति में है - अभी तक आधिकारिक तौर पर अपनाया नहीं गया है।

+34

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

+0

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

+0

@ atwright147 माइम प्रकार परिशिष्ट ए में शामिल हैं, Woff2 के लिए यह परिशिष्ट ए – Richard

17

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

है यह प्रतीत कि W3C font/woff2

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

इस दस्तावेज़ में उच्च-स्तरीय MIME प्रकार "फ़ॉन्ट" ...

को परिभाषित करता है ... आधिकारिक तौर पर इस तरह के "आवेदन/font-WOFF के रूप में 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

मुझे उस पृष्ठ पर कुछ भी दिखाई नहीं देता है ताकि यह सुझाव दिया जा सके कि इसे बदल दिया गया है, तो कृपया इसे 'फ़ॉन्ट/woff2' में बदल दिया गया है? – atwright147

+0

शायद मैं इसे गलत समझता हूं। मेरा मतलब परिशिष्ट ए, '6.5। डब्ल्यूओएफएफ 2.0 ' – fantastory

+0

मुझे कहना है कि कल्पना बहुत स्पष्ट नहीं है। मुझे लगता है कि वे 'font-woff2' भाग – atwright147

24

अपाचे

अपाचे में, आप this link द्वारा बताए गए .htaccess फ़ाइल के माध्यम से woff2 माइम प्रकार जोड़ सकते हैं।

AddType application/font-woff2 .woff2 

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

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

क्या 'के बारे में आवेदन/x-font-woff2' – Moes

+1

अरे @Moes :) Acutally,' आवेदन/x-font-woff2' जब woff2 के लिए पुराने प्रकार है बहुत नया था। [W3C युक्ति] (http://www.w3.org/TR/WOFF/#appendix-b) अब 'का उपयोग कर आवेदन/font-woff2' के बाद से है कि व्यापक रूप से समर्थित है की सिफारिश की। यदि आप पीछे की संगतता के बाद हैं, तो 'x-font-woff2' भी शामिल करने में संकोच न करें। – Fizzix

+0

आईआईएस में, मामले में किसी भी पहले से परिभाषित विस्तार प्रविष्टियों वे सर्वर में कहीं और परिभाषित कर रहे हैं दूर करने के लिए सावधान रहना होगा। यदि आपको इसका सामना करना पड़ता है तो यह आपको * बहुत * भ्रमित त्रुटियों देगा! '' हटाएं और फिर इसे ऊपर के रूप में परिभाषित करें :) – jocull

संबंधित मुद्दे