2012-02-29 7 views
7

क्या कोई वेबफॉन्ट किट को गजिप करने का उदाहरण प्रदान कर सकता है? जनरेटर ने मुझे इस कोड के साथ प्रदान किया ... आसपास की जरूरतों को बदलने की जरूरत है?@ font-face उदाहरण gzip कैसे करें?

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

उत्तर

9

आप अपाचे का उपयोग कर और httpd.conf के लिए उपयोग किया जाता है? यदि हां, तो पहले से ही gzip संपीड़न सक्षम है?

आप इस लाइन के लिए देख सकते हैं:

AddOutputFilterByType DEFLATE 

या

SetOutputFilter DEFLATE 

अगर यह पूर्व है, तो आप ऐसा निर्देश का पालन MIME प्रकार जोड़ने में सक्षम होना चाहिए और मानकों की तरह दिखना नीचे। यहां घोषित एमआईएम प्रकार ईओटी, टीटीएफ, और एसवीजी। मैंने उन्हें अपने अपाचे conf फ़ोल्डर में mime.types फ़ाइल से खींच लिया। मेरा मानना ​​है कि .WOFF पहले ही संपीड़ित है इसलिए आपको इसे gzipped करने की आवश्यकता नहीं है।

AddOutputFilterByType DEFLATE application/vnd.ms-fontobject application/x-font-ttf image/svg+xml 

बाद निर्देश SetOutputFilter कंटेनर यह में कहा गया है के भीतर सभी फाइलों को gzips। यह स्थान आपके फ़ॉन्ट फ़ाइलें शामिल है, वे पहले से ही जब ग्राहक को दिया gzipped किया जाना चाहिए।

+0

मेरा सर्वर अपाचे का उपयोग कर रहा है लेकिन मेरे पास httpd.conf तक पहुंच नहीं है क्योंकि मैं साझा होस्टिंग पर हूं। क्या कोई विकल्प है? –

+3

आप एक .htaccess फ़ाइल का उपयोग/निर्माण कर सकते हैं और सत्यापित कर सकते हैं कि आपके सर्वर पर mod_deflate सक्षम है या नहीं। आप इसमें निम्न चिपकाने का प्रयास कर सकते हैं और यह देखने के लिए http हेडर के माध्यम से सत्यापित कर सकते हैं कि सामग्री को gzipped किया जा रहा है या नहीं। 'AddOutputFilterByType हवा निकालना पाठ/पाठ पाठ/html पाठ/सादे text/xml text/css आवेदन/x-जावास्क्रिप्ट आवेदन/javascript' – waynethec

+0

@waynethec AddOutputFilterByType या SetOutputFilter डायरेक्टिव httpd.conf फाइल में पहले से ही वहाँ नहीं कर रहे हैं, इसे कहाँ जोड़ा जा सकता है? क्या हम इसे कहीं भी जोड़ सकते हैं या क्या हमें यह कहने की ज़रूरत है कि हम इसे कहां रखते हैं? – user961627

0

कुछ मापदंडों (फर्जी) भेजें, सर्वर पाठ/सादे के रूप में इन प्रतिक्रियाओं का इलाज करेंगे, और अगर हवा निकालना पाठ/सादे पर सेट किया जाता है सिर्फ पाठ के रूप में सेक/सादे।

@font-face { 
    font-family: 'DesigersBold'; 
    src: url('desib__-webfont.eot?v=1'); 
    src: url('desib__-webfont.eot?v=1#iefix') format('embedded-opentype'), 
     url('desib__-webfont.woff?v=1') format('woff'), 
     url('desib__-webfont.ttf?v=1') format('truetype'), 
     url('desib__-webfont.svg?v=1#DesigersBold') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

यह ठीक काम करता है!

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