2010-08-24 9 views
5

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

धन्यवाद।

+1

मैरियाड प्रो एक वेब-सुरक्षित फ़ॉन्ट नहीं है (एरियल, हेल्वेटिका, वेरदाना, और ट्रेबुचेट मुख्य सैन्स-सेरिफ़ वेब फोंट हैं), तो आप इसे अपनी साइट पर पहली जगह कैसे इस्तेमाल कर रहे थे? यदि आप एक कस्टम वेब फ़ॉन्ट एम्बेड करने जा रहे हैं, तो इससे कोई फर्क नहीं पड़ता कि यह किस शैली में है। कोई अनुकरण की आवश्यकता नहीं है। –

उत्तर

17

FontSquirrel आपका सबसे अच्छा संसाधन है। उनका "@ फ़ॉन्ट-फेस जेनरेटर" कोड बनाता है जो सभी आधुनिक ब्राउज़रों के साथ काम करेगा।

वे क्या करते हैं अच्छी तरह से समझाया गया है लेकिन दृश्यों के पीछे यह बहुत जटिल है। आप Paul Irish's blog पर सीएसएस पहलुओं पर पढ़ सकते हैं।

संपादित

मैं सिर्फ महसूस किया कि कोई भी नहीं अपने असली सवाल का जवाब है ...

1.) Myriad Pro एक परिवार फ़ॉन्ट का, फ़ाइलों का एक संग्रह के रूप में लागू है , Myriad Pro.otf, Myriad Pro Bold.otf जैसे नामों के साथ, और बहुत आगे। (वास्तविक नाम ओएस-विशिष्ट हैं।) Myriad Pro Bold Condensed उन फ़ाइलों में से एक है। मुझे नहीं पता कि यह मानक पैकेज के साथ आता है या क्या यह अतिरिक्त खर्च करता है।

2.) आप इसे "अनुकरण" नहीं कर सकते। आप या तो अपने वेबपृष्ठ पर वास्तविक फ़ॉन्ट का उपयोग कर सकते हैं (ऊपर वर्णित @ फ़ॉन्ट-फेस एम्बेडिंग विधि के माध्यम से), या ग्राफिक बनाएं। डिजाइनर शायद आपको ग्राफिक्स बनाने की उम्मीद करते हैं, क्योंकि जब कार्यान्वयन की बात आती है तो डिज़ाइनर [टायरेड हटा दिए जाते हैं]।

3.) जैसा कि बताया गया है, एम्बेडिंग को उचित लाइसेंस की आवश्यकता है, और मुझे नहीं पता कि आप इस विशेष चेहरे के लिए ऐसा लाइसेंस प्राप्त कर सकते हैं या नहीं। ("माना जाता है", क्योंकि [tirade हटा दिया गया], लेकिन मैं वकील नहीं हूं।)

+5

+1 [tirade हटाया गया] :) – Zasz

1

100% गारंटीकृत तरीका इसे एक छवि में प्रस्तुत करना है।

CSS3 फ़ॉन्ट-फेस का समर्थन करता है लेकिन यह आपको व्यापक समर्थन नहीं देगा।

@font-face 
{ 
    font-family: 'Myriad Pro'; 
    src: url('Myriad-Pro.ttf'); 
} 

आपको यह देखने के लिए कानूनी समझौतों की भी जांच करनी होगी कि वे आपके पृष्ठों में इस फ़ॉन्ट को एम्बेड करने की अनुमति देते हैं या नहीं।

+0

यह आईई में काम नहीं करेगा, जो एक .eot फ़ाइल चाहता है। – egrunin

+0

आप शायद सही हैं। मैं अभी तक इसे आजमाने की कोशिश नहीं कर रहा हूं ... जब यह व्यापक रूप से समर्थित है। –

1

आप शॉन इनमान के sIFR3 को भी आजमा सकते हैं, हालांकि CSS3 बेहतर विकल्प होने की संभावना है।

0

हालांकि, पहले लाइसेंस देखें। कई मामलों में आप @ फ़ॉन्ट-फेस का उपयोग नहीं कर सकते हैं।

यहां वेब के लिए असंख्य लाइसेंस के बारे में एडोब पर पोस्ट है। http://forums.adobe.com/message/3654436

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