फ़ॉन्ट स्क्वीरेल द्वारा Fontquirrel। साइट के लेआउट में फोंट के साथ काम करने का सामान्य तर्क

रनवे के लिए फ़ॉन्ट को सही तरीके से कैसे उत्पन्न किया जाए, इसके बारे में एक छोटी कहानी। हब्र पर पहले से ही ज्ञात बुर्जुआ सेवा फोंटक्वाइरल ध्यान के केंद्र में है।

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

व्यवहार में सब कुछ पसंद है:

1. सबसे पहले, यह सब रननेट के लिए सही फ़ॉन्ट स्टैक चुनने के लिए नीचे आता है, और यदि इसके लिए नहीं, तो मुझे इसे ध्यान में रखना होगा। वांछित स्टैक का चयन करने के बाद, इसे शरीर को खिलाएं, कुछ इस तरह से:

body{
font-family: "Arial Black", "Helvetica CY", "Nimbus Sans L" sans-serif;
font-size:12px;
}

आउटपुट पर, हमें मूल फ़ॉन्ट मिलता है, जिसे हम अपने डिज़ाइन लेआउट में उपयोग करते हैं। बहुत बढ़िया!

2. उनकी कार्यकुशलता से संतुष्ट होकर, हम ध्यान से काम के डिज़ाइन लेआउट और स्थानों पर (या तो मेनू पर या पाद लेख में) देखते हैं, हम लगभग सभी ग्राफिक कलाकारों में से एक लोकप्रिय व्यक्ति को देखते हैं: असंख्य प्रो, एरियल नैरो या कुछ अन्य यूरोप में StarCraft। तीन विकल्प तुरंत दिमाग में आते हैं: चित्रों के साथ बदलें, जेएस डाल दें (हाँ, जो कि कुफॉन है ) या, एक बार फिर, सीएसएस @ फ़ॉन्ट-चेहरे की संपत्ति को स्पर्श करें। हां, सार्वभौमिक पैमाने के ब्रह्मांड को छोड़ने और हर जगह एक सुरक्षित स्टैक का उपयोग करने के विचार से हम निश्चित रूप से पैदा नहीं होते हैं - हम, जैसा कि वे कहते हैं, जीवन में "अवतार" सौंदर्य।

पहला विकल्प जो दिमाग में आया - सब कुछ पींग के साथ बदलने के लिए - हम तुरंत वापस फेंक देते हैं, इसलिए हमारे महान-दादा पैलेओलिथिक की सुबह में थे;
दूसरा विकल्प (cufon.js) हमारे ग्राहक के अनुरूप नहीं है, भगवान उसे स्वास्थ्य प्रदान करते हैं - जमीन पर एक शांत ग्राहक था; - इसलिए हम तीन बिंदुओं को पास करते हैं।

3. हमें निम्न पंक्तियों के साथ विंडोज 7 के बॉल्स से प्राप्त होने वाले फॉन्ट की तलाश है : "स्टार्ट → कंट्रोल पैनल → फॉन्ट्स ", इसे प्रोजेक्ट के साथ कंप्यूटर पर स्थानीय फ़ोल्डर में कॉपी करें और फॉन्ट जनरेटर फोंटक्वायरेल खोलें । मेरे मामले में, MyriadProCondensed।

भाग्य के लिए, बटन पर क्लिक करें और श्रृंखला से समाप्त सीएसएस संपत्ति प्राप्त करें:

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

हमें यह देखने के लिए संग्रह में एक उदाहरण मिलता है कि ब्राउज़र में हमारा फ़ॉन्ट कैसे दिखाई देगा। और सबकुछ ठीक हो जाएगा, लेकिन परिणाम उतना काम नहीं करता है जितना हमें चाहिए। और वे सेटिंग्स में EXPERT ... की तरह होते हैं, और यहां तक ​​कि कुछ चेक मार्क भी चुनते हैं - लेकिन फिर भी कोई प्रभाव नहीं पड़ता है - रूसी अक्षर MyriadProCondensed नहीं बनना चाहते हैं।

मैंने दो दिनों के लिए गुगली की, पहली चीज़ जो मुझे पता चली वह थी हबर, जहाँ से मैंने वास्तव में सेवा के बारे में सीखा था, टेरियन की बदौलत , मुझे इस मुद्दे पर कुछ भी नहीं मिला और अपने मूड को "गूगल" करना जारी रखा। दो दिनों के बाद, मूड दिखाई दिया और वहाँ पर सीरिलिक वर्णमाला के स्थानीयकरण की तलाश करने के लिए, अर्थात्, अलमारियों पर www.fontsquirrel.com सेवा को सॉर्ट करना शुरू किया।

4. मिल गया! आपको बस इतना करना था कि "रेडियो बैटन " को सबसेटिंग में कस्टम सबसेटिंग स्थिति पर सेट करना था। दिखाई देने वाले सेट की सामग्री में, भाषा चेकबॉक्स को सिरिलिक में सेट करें।



5. चीयर्स कमाया। चलो एक कॉफी है। आपके धैर्य के लिए आप सभी का धन्यवाद।

PS मैं आपको सुरक्षित स्टैक के साथ लेआउट / इंटरफ़ेस बनाने के लिए राजी नहीं करूंगा। इसे हमारे विवेक पर होने दें, लेकिन मैं एक बात जानता हूं, जब तक यह फोंटोमेनिया मौजूद है - दुनिया धीरे-धीरे लेकिन निश्चित रूप से रसातल में लुढ़क रही है। कुछ भी सुंदर नहीं है कि मॉनिटर स्क्रीन पर फ़ॉन्ट नहीं पढ़ा जा सकता है - नहीं!