2012-10-30 36 views
6

में संयोजित करें वेबसाइट पर मैं प्रबंधित करता हूं कि हमारे पास कई .woff फ़ाइलें हैं, प्रत्येक फ़ॉन्ट के लिए एक। लोडिंग समय को बचाने के लिए ब्याज में मैं किए गए अनुरोधों की संख्या को कम करना चाहता हूं। क्या इन woff फ़ाइलों को एक संसाधन में जोड़ना संभव है?एकाधिक .woff फ़ाइलों को एक

उत्तर

9

आप बेस 64 के साथ अपने सीएसएस में वॉफ संपत्तियों को बंडल कर सकते हैं।

अपने @ फॉन्ट-फेस घोषणा के अंदर:

url('data:application/x-font-woff;base64,myVeryLongBase64StringGoesHere...'); 

इस संपत्ति के फ़ाइल आकार बढ़ सकता है। मेरे अनुभव में यह आमतौर पर लगभग 20% होता है - लगभग समान आकार समान टीटीएफ फ़ाइल के समान होता है। इनमें से अधिकतर एक gzip- सक्षम सर्वर के साथ पुनर्प्राप्त किया जा सकता है। ट्रेडऑफ मेरे लिए स्वीकार्य है, लेकिन वाईएमएमवी।

अक्सर सीएसएस में ब्लॉब्स एम्बेड करते समय अनुशंसा की जाती है - उन्हें के बाद अपनी बेस शैली के बाद उद्धृत करें। अन्यथा, क्लाइंट आपकी सामग्री को इच्छित सामग्री देखने से पहले फोंट लोड करने का इंतजार कर रहा है।