@ फ़ॉन्ट-फेस बनाम cufon

मैं एक वेबसाइट पर काम कर रहा हूं और वर्तमान में फोंट लोड करने के लिए @ font-face tehnique (this + this) का उपयोग कर रहा हूं। मैंने देखा कि कुछ विशेष पात्र ठीक से लोड नहीं हो रहे हैं -> ŠĐŽČĆ šđžčć। यह है, वे वर्ण फ़ॉन्ट में मौजूद हैं। तो, मैं एक परीक्षण बनाया ... मैं @ फॉन्ट-फेस फ़ॉन्ट और cufon फोंट ... के साथ एक परीक्षण पेज लोड परिणाम के नीचे है ->@ फ़ॉन्ट-फेस बनाम cufon

enter image description here

और हां, यहां कोड है ->

<html> 
    <head> 
     <script type="text/javascript" src="cufon-yui.js"></script> 
     <script type="text/javascript" src="ReprobateCRO_400.font.js"></script> 
     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" /> 
     <script type="text/javascript">Cufon.set('fontFamily', 'ReprobateCRO').replace('h1');</script> 
     <style type="text/css"> 
      @font-face { 
       font-family: 'ReprobateCROLASTRegular'; 
       src: url('reprob_cro_last_last-webfont.eot'); 
       src: local('ReprobateCROLASTRegular'), 
        url('reprob_cro_last_last-webfont.eot?#iefix') format('embedded-opentype'), 
        url('reprob_cro_last_last-webfont.woff') format('woff'), 
        url('reprob_cro_last_last-webfont.ttf') format('truetype'), 
        url('reprob_cro_last_last-webfont.svg#ReprobateCROLASTRegular') format('svg'); 
       font-weight: normal; 
       font-style: normal; 
      } 
      h2{ 
       font-family:ReprobateCROLASTRegular; 
      } 
     </style> 
    </head> 
    <body> 
     <h1>--> CUFON --> šđžčć ŠĐŽČĆ</h1> 
     <br/><br/> 
     <h2>--> @FONT-FACE --> šđžčć ŠĐŽČĆ</h2> 
    </body> 
</html>

अब तक मैं UTF8, widnwos1250 से एन्कोडिंग स्विचिंग tryed है, और कुछ भी नहीं @ फॉन्ट-फेस tehnique के साथ काम करने लगता है ...

तो, मैं दो है प्रश्न ... करो किसी को पता है कि यहाँ क्या हो रहा है? और, अगर मैं @ font-face के cufon insted का उपयोग करने के लिए स्विच करता हूं - पेज लोडिंग को धीमा कर देगा? (कॉन्सिडिंग क्यूफॉन फोंट लोड करने के लिए जेएस का उपयोग करता है)

आपके समय के लिए धन्यवाद!

स्रोत

2011-07-27 Andrej

मैं कुछ कमी किया जाना चाहिए, लेकिन यह मेरे लिए सही लगती है ... –

@Andrej जिस ब्राउज़र का उपयोग कर रहे हैं? –

@ फ़ॉन्ट-फेस विशेष वर्ण सभी आधुनिक ब्राउज़रों में गड़बड़ कर रहे हैं .. क्रोम, फ़ायरफ़ॉक्स, आईई> 7, ओपेरा, सफारी में परीक्षण ... हर जगह समान दिखता है ... – Andrej

हाल ही में जब मैं एक वेब-फ़ॉन्ट गहन वेबसाइट पर काम कर रहा था, तो मुझे हाल ही में @ फ़ॉन्ट-फेस के साथ बहुत सारे मुद्दे थे और यह पता चला कि ऑनलाइन वेब-फ़ॉन्ट जनरेटिंग टूल स्वयं दोषी थे। वे बस .woff/.ttf/.svg/.otf फ़ाइलें जो मुद्दों की एक बहुत जिसके लिए वह समस्या के स्रोत इंगित करने के लिए बहुत मुश्किल था के परिणामस्वरूप बुरा उत्पन्न।

मेरे अनुभव में केवल ऑनलाइन वेब-फ़ॉन्ट जनरेटिंग सेवा जो 100% मान्य - मुफ़्त वेब-फोंट प्रदान करती है Font Squirrel है। यह फ़ॉन्ट सब्सटिंग जैसी कई उपयोगी सामग्री भी प्रदान करता है जो आपके मामले में भी समस्या हो सकती है (यानी आपने अपने जेनरेट किए गए वेब-फोंट में अतिरिक्त वर्ण शामिल करने के लिए निर्दिष्ट नहीं किया है - सर्बियाई/क्रोएशियाई लैटिन विस्तारित बी का हिस्सा है यदि मैं गलत नहीं हूँ)।

स्रोत

2011-08-14 14:42:09 brezanac

आपने फ़ॉन्ट समस्या का काम किया है; पुन: लोड समय, मेरा अनुभव यह है कि फ़ॉन्ट-फेस और क्यूफॉन दोनों संभावित रूप से धीमे हो जाएंगे ताकि डिफ़ॉल्ट टेक्स्ट का संक्षिप्त फ्लैश हो सके। यह आपके मेजबान और उपयोगकर्ता के पाठ्यक्रम पर निर्भर करता है; लेकिन दोनों विधियों को अपेक्षाकृत भारी डाउनलोड की आवश्यकता होती है (या तो जेएस या फ़ॉन्ट)।

तो, अन्य सभी बराबर IMHO होने के साथ-साथ आप फ़ॉन्ट-फेस का भी उपयोग कर सकते हैं; कम से कम ब्राउज़र फ़ॉन्ट फ़ाइल को कैशिंग करने में बेहतर हो रहे हैं ताकि प्रारंभिक पृष्ठ लोड के बाद आप तेजी से प्रतिपादन प्राप्त कर सकें। Cufon के साथ यह हमेशा जेएस लोड और निष्पादित करना है ताकि आप भार समय के उस हिस्से से कभी छुटकारा पड़े।

स्रोत

2011-08-14 14:26:34 BenB

आप कार्यान्वयन अच्छा है।

लेकिन जब आपने फ़ॉन्ट-फेस का उपयोग किया था। आपके द्वारा उपयोग किया जाने वाला फ़ॉन्ट। उन सभी पात्रों का होना चाहिए जिन्हें आप उपयोग करना चाहते हैं। जब आप इसका इस्तेमाल करेंगे तो .ttf या सभी पात्रों और विशेष पात्रों के पास कभी भी होना चाहिए।

जब आप Cufon का उपयोग करते थे। Cufon जनरेटर आपके लिए बहुत सारे अतिरिक्त फ़ॉन्ट अक्षर बनाते हैं। Cufon के फ़ॉन्ट जनरेटर में। आप फ़ॉन्ट के लिए बहुत सारे अतिरिक्त का चयन कर सकते हैं।

क्या आप इसे समझते हैं ??

स्रोत

2011-09-16 12:36:12

क्या आपने इसे http://fontface.codeandmore.com/ वैकल्पिक @ फ़ॉन्ट-फेस जनरेटर के साथ आजमाया है?

स्रोत

2011-10-26 19:53:07

अब यह मुफ़्त नहीं है –

एच 2 में गलत फ़ॉन्ट परिभाषा है: एकल उद्धरण गुम हैं।

अब यह है:

font-family:ReprobateCROLASTRegular;

होना चाहिए:

font-family:'ReprobateCROLASTRegular';

स्रोत

2014-08-06 11:46:20

@ फ़ॉन्ट-फेस बनाम cufon

उत्तर

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