2009-05-31 11 views
10

मैं अपने एचटीएमएल की उपस्थिति में सुधार के लिए एक गैर-मानक वेब फ़ॉन्ट का उपयोग करना चाहता हूं।वेब फ़ॉन्ट एम्बेडिंग बनाम sifr?

क्या यह एक वेब फ़ॉन्ट एम्बेड करने या एसआईएफआर जैसे कुछ उपयोग करने के लिए बेहतर है?

मेरी समझ है कि सिफर वेक्टर फोंट के लिए एक फ्लैश-आधारित दर्शक है लेकिन मैं इसे आजमाने के लिए अनिच्छुक हूं क्योंकि यह कुछ जटिल लगता है।

वेब फ़ॉन्ट एम्बेडिंग (कानूनी मुद्दों के कारण) के बारे में बहुत उत्साहजनक बात प्रतीत नहीं होती है, तो शायद ऐसा करने के लिए सिफर एक मानक तरीका है?

किसी भी प्रतिक्रिया की सराहना की जाएगी। धन्यवाद। विचार करने के लिए

+1

असल में, मुझे नहीं लगता कि कानूनी मुद्दे निषिद्ध हैं। लोगों ने बहुत अच्छे मुफ्त एम्बेड करने योग्य फोंट बनाए हैं। वाणिज्यिक भी हैं। यह वास्तव में एक सवाल है "ब्राउज़र अभी तक इसका समर्थन नहीं करते हैं"। बीटीडब्ल्यू, कृपया एक जवाब स्वीकार करना न भूलें जब आपको लगता है कि आपको एक ... –

उत्तर

12

वेब फोंट सफारी 3.1, आगामी फ़ायरफ़ॉक्स 3.5 और आने वाले ओपेरा 10 में समर्थित हैं। इंटरनेट एक्सप्लोरर ने आईई 4 के बाद से एक (अलग) प्रारूप का समर्थन किया है।

इस बिंदु पर, सफारी, फ़ायरफ़ॉक्स और ओपेरा में कार्यान्वयन के साथ सबसे बड़ी समस्या यह है कि उन्हें आपके वेब सर्वर पर मूल फ़ॉन्ट फ़ाइल अपलोड करने की आवश्यकता होती है। कई फोंट के लिए, यह फाउंड्री प्रकार से प्राप्त लाइसेंस का उल्लंघन करेगा। इसलिए, वेब फोंट अभी एक उपयुक्त समाधान नहीं हैं यदि प्रकार फाउंड्री ने आपको उनका उपयोग करने की अनुमति नहीं दी है। हालांकि, स्वतंत्र रूप से लाइसेंस प्राप्त फोंट उपलब्ध हैं।

यह हमारे साथ मोटे तौर पर तीन अन्य विकल्प छोड़ देता है: छवियों, फ्लैश, और जावास्क्रिप्ट आधारित समाधान। छवियां प्रायः बेहतर होती हैं कि ब्राउज़र के क्विर्क और प्रदर्शन के संबंध में उनके पास कम से कम प्रभाव पड़ता है, हालांकि गतिशील छवि उत्पादन में, कहते हैं, PHP अक्सर अन्य समाधानों के रूप में अच्छा नहीं दिखता है। आप निश्चित रूप से फ़ोटोशॉप में छवियों को मैन्युअल रूप से बना सकते हैं, लेकिन यह आमतौर पर उद्देश्य को हरा देगा।

एसआईएफआर टेक्स्ट को प्रस्तुत करने के लिए फ्लैश का उपयोग करता है, और इसमें काफी लचीला है कि आप टेक्स्ट का चयन कर सकते हैं, गतिशील रूप से बदल सकते हैं, और नेस्टेड HTML तत्वों की स्टाइल पर कुछ नियंत्रण कर सकते हैं। होफ्लर & फ्री्रे-जोन्स ने एसआईएफआर को ठीक किया है, बशर्ते आप एक सर्वर लाइसेंस के लिए भुगतान करें और एसआईएफआर फ्लैश मूवी को अपने डोमेन नाम पर सीमित करने में सभी संभव उपाय करें।

कफोन एक पूरी तरह से जावास्क्रिप्ट समाधान है जिसने अपना खुद का प्रतिपादन इंजन लागू किया है, जो बेहद चालाक है। इस बिंदु पर यह एसआईएफआर के रूप में लचीला नहीं है, और इसके कानूनी मुद्दे अभी भी अस्पष्ट हैं।

यह कहा गया है कि, छवियों, एसआईएफआर और कुफॉन सभी हैक्स हैं, और हमें कल उचित वेब फोंट की आवश्यकता है

(अस्वीकरण:। मैं sIFR के नेतृत्व डेवलपर हूँ, इसलिए मैं कुछ हद तक पक्षपातपूर्ण हो सकता है)

+1

वाह, आपको यहां रखने का विशेषाधिकार। प्रतिक्रिया मार्क के लिए धन्यवाद। –

+0

और Google फोंट एपीआई http://code.google.com/webfonts –

2

कुछ:

हर आगंतुक जो अपने 'बेहतर की तलाश में' फोंट देखता है के लिए, वहाँ बस के रूप में कई हैं, जो एक असंगत ब्राउज़र होने या कि सुविधा को अक्षम करने की वजह से नहीं होगा। सही फ़ॉन्ट होने के कारण शायद सबसे मूल्यवान डिज़ाइन परिवर्तन नहीं है जिसे आप काम कर सकते हैं।

अपने मोबाइल ब्राउज़र जो एम्बेडेड फ़ॉन्ट ऐसा नहीं करता है से लिखा है।

+0

यह 50/50 विभाजन नहीं है। निश्चित रूप से बहुत से लोग/ब्राउज़र हैं जो एसआईएफआर या एम्बेडेड फ़ॉन्ट्स का समर्थन नहीं करते हैं। किसी भी तरह से, दोनों विधियों उन ब्राउज़रों के लिए शानदार ढंग से अपमानित करते हैं जो उनका समर्थन नहीं करते हैं। –

+0

@musicfreak: एम्बेडेड फोंट केवल उसी मेट्रिक्स के साथ फोंट पर गहराई से अपमानित होते हैं, कुछ ऐसा नहीं जानता है। –

+0

@ilya n: वास्तव में? मुझे यह नहीं पता था ... ईमानदारी से मैंने कभी भी ब्राउज़र समर्थन की कमी के कारण एम्बेडेड फ़ॉन्ट्स का प्रयास नहीं किया है, लेकिन मुझे एसआईएफआर के साथ कुछ भी गलत नहीं लगता है। यह उन लोगों के लिए एक अच्छा टूल है जो इसका समर्थन करते हैं, और वे जो सामान्य पाठ नहीं देख सकते हैं। –

3

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

तकनीक मैं उपर्युक्त (और अन्य) यहाँ पढ़ा जा सकता: http://css-tricks.com/nine-techniques-for-css-image-replacement/

+0

दिलचस्प। उस पर अधिक जानकारी खोजने के लिए सबसे अच्छा कीवर्ड कॉम्बो क्या है? "पृष्ठभूमि-छवि पाठ-इंडेंट सीएसएस"? सुझावों के लिए धन्यवाद। –

+0

मैंने एक लिंक जोड़ा है कार्सन – alex

2

ध्यान दें कि CSS3 के वेब फ़ॉन्ट्स मॉड्यूल है, जो फ़ॉन्ट एम्बेडिंग को परिभाषित करता है अभी भी एक कार्यकारी ड्राफ्ट है। दरअसल, फ़ॉन्ट एम्बेडिंग का व्यावहारिक समर्थन अच्छा नहीं है। मैं कहूंगा कि एक और 2-3 साल इंतजार करना बेहतर है।

+1

+1, मैं वही चीज़ लिखने जा रहा था। मेरा मानना ​​है कि वेबकिट स्थिर रिलीज में एम्बेडेड फोंट का समर्थन करने वाला एकमात्र लोकप्रिय ब्राउज़र इंजन है। –

+0

ओपेरा एम्बेडेड फ़ॉन्ट्स का समर्थन करता है, और फ़ायरफ़ॉक्स का अगला संस्करण भी इसका समर्थन करेगा। फ़ॉन्ट एम्बेडिंग एसीआईडी ​​3 परीक्षण का एक प्रमुख हिस्सा है, जो आईई 8 को छोड़कर, सभी प्रमुख ब्राउज़रों v.next, वर्तमान में पास करने का लक्ष्य रख रहे हैं। मैं 2-3 साल नहीं कहूंगा ... आम तौर पर व्यवहार्य होने से एक साल पहले 6 महीने की तरह, आईई के बाद कुछ समय बाद समर्थन प्राप्त होता है। – jrista

+2

वेब डेवलपर का जीवन IE के बिना इतना आसान होगा ... –

1

इसके अलावा लायक कुछ भी नहीं: TypeKit, एक सेवा है कि आप यह सब दूर सार करने के लिए जावास्क्रिप्ट की एक पंक्ति देता है।