CSS मा सामान्य फन्ट परिवार के हो?

तपाईको वेबसाइटमा प्रयोग गर्न जेनेरिक फन्ट वर्गीकरणहरू

एक वेबसाइट डिजाइन गर्दा, एक पृष्ठको प्रमुख तत्वहरू मध्ये एक छ जसमा तपाईले काम गर्नुहुनेछ पाठ सामग्री हो। यस्तो रूपमा, जब तपाईं सीएसएससँग एक वेबपेज र शैली बनाउनुहुन्छ, त्यस प्रयासको एक ठूलो भाग साइटको टाइपोग्राफी वरिपरि केन्द्रित गरिनेछ।

विशिष्ट डिजाइन डिजाइन वेबसाइट डिजाइन मा एक महत्वपूर्ण भूमिका निभािन्छ। राम्रो तरिकाले राखिएको छ र पाठ सामाग्री ढाँचा एक मनोरञ्जन र उपभोग गर्न सजिलो दुवै पढ्ने अनुभव सिर्जना गरेर एक साइटमा बढी सफल हुन मद्दत गर्दछ। प्रकारको साथ काम गर्ने प्रयासका साथ तपाइँको डिजाइनको लागि दायाँ फन्टहरू छनौट गर्न र त्यसपछि उनीहरूको फन्ट र फन्ट शैलियहरू पृष्ठको प्रदर्शनमा सीएसएस प्रयोग गर्नका लागि हुनेछ। यो एक " फन्ट-स्ट्याक " भनिन्छ जुन प्रयोग गरेर गरिन्छ

फन्ट-स्ट्याकहरू

जब तपाइँ वेबपृष्ठमा प्रयोग गर्न फन्ट निर्दिष्ट गर्नुहुन्छ, यो तपाईंको फन्ट छनोट फेला पार्न सकिएन भने फलब्याक विकल्पहरू समावेश गर्न एक राम्रो अभ्यास हो। यी पछाडि विकल्पहरू "फन्ट स्ट्याक।" मा प्रस्तुत गरिएका छन्। यदि ब्राउजरले स्ट्याकमा सूचीबद्ध पहिलो फन्ट भेट्टाउन सकेन भने, यो अर्कोमा चल्छ। यो यो प्रक्रिया जारी राख्छ जब सम्म यो प्रयोग गर्न सक्नुहुने फन्ट फेला पार्दछ, वा यो छनौटबाट बाहिर निस्कन्छ (कुन अवस्थामा मात्र यसले कुनै पनि प्रणाली फन्ट चयन गर्दछ)। यहाँ "शरीर" तत्वमा लागू गर्दा फन्ट-स्ट्याक CSS मा हेर्ने सन्दर्भमा यहाँ एउटा उदाहरण हो:

शरीर {फन्ट-परिवार: जर्जिया, "टाइम्स न्यु रोमन", सेरिफ; }

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

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

जेनेरिक फन्ट परिवार

सीएसएसमा उपलब्ध सामान्य फन्ट नाम हो:

जबकि त्यहाँ धेरै अन्य फन्ट वर्गीकरणहरू वेब डिजाइन र टाइपप्रोग्राफीमा उपलब्ध छन्, जसमा स्लैब-सेरिफ, ब्ल्याकलेटर, डिस्प्ले, ग्र्युज, र थप लगायतका छन्, यी 5 सूचीबद्ध जेनेटिक फन्ट नामहरू छन् जुन तपाइँ CSS मा फन्ट-स्ट्याकमा प्रयोग गर्नुहुनेछ। यी फन्ट वर्गीकरणमा के फरक छ? हेर्नुस्

कर्सिभ फन्टहरू प्राय: पतली, अलकात्मक अक्षरसूचनाहरू छन् जुन फैंसी हस्तलेखन पाठ को दोहोर्याइएको हो। यी फन्टहरू, तिनीहरूको पतली, प्रवाह पत्रका कारण उपयुक्त सामाग्री जस्तै शरीर प्रतिलिपिको लागि उपयुक्त छैनन्। कर्सिभ फन्टहरू सामान्यतया शीर्षकहरू र छोटो पाठको लागि प्रयोग गरिन्छ जुन ठूला फन्ट आकारहरूमा प्रदर्शन गर्न सकिन्छ।

काल्पनिक फन्टहरू केही हदसम्म पागल फन्टहरू हुन् जुन साँच्चै कुनै पनि अन्य श्रेणीमा पर्दैन। फन्टहरू राम्रोसँग ज्ञात लोगोहरू दोहोर्याउनुहोस्, जस्तै हैरी पोटरका अक्षरफर्महरू वा भविष्यका चलचित्रहरूमा फर्किनेछ, यो कोटीमा पस्नेछ। एक पटक फेरि, यी फन्ट शरीरको सामग्रीको लागि उपयुक्त छैन किनभने तिनीहरू प्राय: प्रायः वर्गीकृत हुन्छन् जुन यी फन्टहरूमा लेखिएका लामो पाठहरू पढ्न धेरै पढ्न गाह्रो छ।

मोनोस्पेस फन्टहरू हुन् जहाँ सबै अक्षरफर्महरू समान रूपमा आकारमा छन् र बाहिर निस्कन्छन्, जस्तो कि तपाइँ पुरानो टाइपराइटरमा फेला पारेको छ। अन्य फन्टहरूको विपरीत जुन आकारको आधारमा अक्षरहरूको लागि चर चौडाईहरू छन् (उदाहरणका लागि, एउटा राजधानी "W" ले कमसेज भन्दा कम कोठामा "I") उठाउनेछ, सबै मोनेटका लागि मोनोस्स्पेस फन्टहरू निश्चित चौडाइ छन्। यो फन्ट प्रायः प्रयोग गरिन्छ जब कोड पृष्ठमा प्रदर्शित हुन्छ किनभने तिनीहरू त्यस पृष्ठको अन्य पाठ भन्दा फरक देखिन्छ।

सेरिफ फन्टहरू धेरै लोकप्रिय वर्गीकरणहरू मध्ये एक हुन्। यी फन्टहरू हुन् जुन अक्षरफर्ममा केही अतिरिक्त लिपिहरू छन्। ती अतिरिक्त टुक्राहरु "serifs" भनिन्छ। साधारण सेरिफ फन्टहरू जर्जिया र टाइम्स न्यू रोमन हुन्। सेरिफ फन्टहरू ठूलो पाठ जस्तै शीर्षक र शरीर प्रतिलिपिको लामो अंशहरूको लागि प्रयोग गर्न सकिन्छ।

सेन्स सेरिफ हामी अन्तिम हेर्ने अन्तिम वर्गीकरण हो। यी फन्टहरू छन् जुन ती उपेक्षात्मक जीवहरू छैनन्। नाम "सिरिफ्स बिना" हो। यो कोटीमा लोकप्रिय फन्टहरू एरिड वा हेलभेटिका हुनेछन्। Serifs को समान, सेन्स-सेरिफ फन्टहरू शीर्षकहरू साथै शरीरको सामग्रीमा समान रूपमा राम्रो प्रयोग गर्न सकिन्छ।

जेनिफर क्रिनिन द्वारा मूल लेख। 10/16/17 मा जेरेमी गिरर्ड द्वारा सम्पादित