जब छविहरूले वेबसाईटहरूमा आउँदा धेरै माया पाउँछन्, यो लिखित शब्द हो जुन खोजी इन्जिनमा अपील गर्दछ र धेरै साइटहरूको सामग्री अगाडि बढाउँछ। जस्तै, टाइपोग्राफिक डिजाइन वेबसाईट डिजाइन को एक महत्वपूर्ण महत्वपूर्ण भाग हो। साइटको पाठको महत्त्वको साथमा यो राम्रो देखिन्छ र यो पढ्न सजिलो छ भनेर सुनिश्चित गर्न आवश्यक हुन्छ। यो सीएसएस (क्यासिंगिङ स्टाइल पानाहरू) स्टाइलसँग गरिन्छ।
आधुनिक वेब डिजाईन मानक पछ्याउँदै, जब तपाइँ वेबसाइटको पाठ सामग्रीको नजरमा हिसाब गर्न चाहानुहुन्छ भने तपाई CSS लाई प्रयोग गर्दै हुनुहुन्छ। यसले पृष्ठको एचटीएमएल संरचनाबाट सीएसएस शैलीलाई अलग गर्दछ। उदाहरणको रूपमा, यदि तपाइँ "एरीयल" लाई पृष्ठको फन्ट सेट गर्न चाहानुहुन्छ भने, तपाइँले तपाइँको सीएसएसमा निम्न शैली नियम थपेर यसो गर्न सक्नुहुनेछ (नोट - यो सम्भवतः बाह्य CSS शैली पानामा हुनेछ जुन शिलिशनहरू वेबसाइटमा हरेक पृष्ठको लागि):
शरीर {फन्ट-परिवार: एरिड; }यो फन्ट "शरीर" को लागि सेट गरिएको छ, त्यसैले सीएसएस क्यास्केडले शैलीको पृष्ठको अन्य तत्वहरूमा शैली लागू गर्नेछ। यो किनभने प्रत्येक अन्य एचटीएमएल तत्व "शरीर" तत्वको बच्चा हो, फन्ट पारिवारिक वा रंग जस्ता सीएसएस शैलियहरू आमाबाबुलाई बाल तत्वबाट झन्डा लगाइनेछ। यो निश्चित हुनेछ जब निश्चित तत्वहरूको लागि अधिक विशिष्ट शैली थपिएको छैन। यस CSS को साथ एक मात्र समस्या हो कि केवल एक फन्ट निर्दिष्ट गरिएको छ। यदि त्यो फन्ट केही कारणको लागि फेला पार्न सकिँदैन, ब्राउजरले यसको स्थानमा अर्को स्थान दिन्छ। यो खराब छ किनभने तपाईसँग कुन फन्ट प्रयोग गरिएको छैन भने कुनै नियन्त्रण छैन - ब्राउजर तपाईले रोज्नुहुनेछ, र तपाइँ यसलाई मनपर्ने निर्णय गर्न चाहानुहुन्छ! त्यो जहाँ फन्ट स्ट्याक आउँछ।
फन्ट स्ट्याक फन्ट को सीएसएस फन्ट-पारिवारिक घोषणाको सूची हो। फन्टहरू प्राथमिकताको क्रममा सूचीबद्ध छन् जुन तपाईं लोड गर्न चाहानुहुन्छ कुनै पनि समस्याको बिषयमा साइटमा देखा पर्न चाहानुहुन्छ। एक फन्ट स्ट्याकले डिजाइनरलाई वेब पृष्ठमा फन्टहरूको नजर नियन्त्रण गर्न अनुमति दिन्छ भने भित्री कम्प्युटरमा तपाईँले प्रारम्भिक फन्ट छैन।
त्यसोभए फन्ट स्ट्याक कसरी हेर्छ? यहाँ एक उदाहरण हो:
शरीर {फन्ट-परिवार: जर्जिया, "टाइम्स न्यु रोमन", सेरिफ; }यहाँ सूचना गर्न केहि चीजहरू छन्।
पहिलो, तपाइँ देख्नुहुनेछ कि हामीले अल्पविरामसँग फरक फन्ट नामहरू अलग गर्यौं। प्रत्येकको बीचमा तपाईंले धेरै फन्टहरू थप्न सक्नुहुने रूपमा थप्न सक्नुहुनेछ, जबसम्म तिनीहरू एक अल्पविरामबाट विभाजित हुन्छन्। ब्राउजरले पहिले निर्दिष्ट गरिएको पहिलो फन्ट लोड गर्न प्रयास गर्नेछ। यदि त्यो विफल भएमा, यसले प्रत्येक फन्ट को कोशिश गरेर रेखालाई तल चलाउनेछ जब सम्म यसले यसलाई प्रयोग गर्न सक्ने एक पाउँछ। यस उदाहरणमा हामी वेब सुरक्षित फन्टहरू प्रयोग गरिरहेका छौं, र "जर्जिया" सम्भावित व्यक्तिको कम्प्यूटरमा साइटमा भ्रमण गरिरहेको छ (नोट - ब्राउजरले तपाइँको कम्प्युटरमा पृष्ठमा निर्दिष्ट फन्टका लागि हेर्दछ, त्यसैले साइट वास्तवमा बताउनुभएको छ। कम्प्यूटर जुन तपाईंको प्रणालीबाट लोड गर्न फन्ट गर्दछ)। यदि कुनै कारणको कारण फन्ट फेला परेन, यसले स्ट्याकलाई तल सार्न र अर्को फन्ट निर्दिष्ट गरिएको प्रयास गर्नुहोस्।
अर्को फन्टको सन्दर्भमा, नोट गर्नुहोस् कि स्ट्याकमा कसरी लिखित छ। "टाइम्स न्यु रोमन" को नाम डबल उद्धरणमा संलग्न छ। यो किनभने किनभने फन्ट नाम धेरै शब्दहरू छन्। एक भन्दा बढी शब्दहरू (ट्रेबुच एमएस, कूरियर न्यू, आदि) को नाममा कुनै पनि फन्टहरू नाममा डबल उद्धरणहरू हुनुपर्दछ ताकि ब्राउजरलाई थाहा छ कि यी शब्दहरू एक फन्ट नामको भाग हो।
अन्तमा, हामी फन्ट स्ट्याक "सीरिफ" संग समाप्त गर्छौं, जुन सामान्य फन्ट वर्गीकरण हो। सम्भावनात्मक उदाहरणमा तपाइँले तपाईको स्ट्याकमा गर्नुभएको फन्टहरू मध्ये कुनै पनि उपलब्ध छैनन्, ब्राउजर बरु मात्र फन्ट फेला पार्नेछ जुन कम्तिमा तपाईले छनौट गरेको उचित वर्गीकरणमा भर्ती गर्दछ। उदाहरणका लागि, यदि तपाईं "सेन्स-सेरिफ" को वर्गीकरणको साथ फन्ट स्ट्याक समाप्त गर्नुको साथै एसिड र भेरिडान प्रयोग गरेर सा्यान-सेरिफ फन्टहरू प्रयोग गर्दै हुनुहुन्छ भने लोड समस्या हो भने कम्तीमा कम्तीमा फन्ट राख्नेछ। निस्सन्देही, यो धेरै दुर्लभ हुनुपर्छ कि ब्राउजरले स्ट्याकमा सूचीबद्ध कुनै पनि फन्टहरू फेला पार्न सक्दैन र यो जेनेरिक वर्गीकरणको प्रयोग गर्नु पर्दछ, यो एक राम्रो अभ्यास हो जसलाई यो पनि समावेश गर्न को लागी दुबै तरिकाले मात्र दुरुपयोग हुन सक्दछ।
फन्ट स्ट्याक र वेब फन्टहरू
धेरै वेबसाइटहरूले आज वेब फन्टहरू प्रयोग गर्दछ जुन अन्य स्रोतहरू (जस्तै साइटको छविहरू, जाभास्क्रिप्ट फाइल, इत्यादि) समावेश गर्दछ वा एक अफसेट फिन्ट स्थान जस्तै Google फन्टहरू वा टाइपकिटमा लिङ्क गरिएको छ। जब तपाइँ फाईलहरू आफैंसँग लिङ्क गर्दै हुनुहुन्छ भने यी फन्टहरू लोड हुनुपर्दछ, तपाइँ अझै पनि फन्ट स्ट्याक प्रयोग गर्न चाहानुहुन्छ कि तपाइँसँग कुनै पनि समस्या उत्पन्न हुन सक्ने केही नियन्त्रण छ। एउटै चीज "वेब सुरक्षित" फन्टहरूको लागि जुन कुनै कम्प्युटरको हुनुपर्दछ (ध्यान दिनुहोस् कि एन्ट्रियल, भेरिडेन, जर्जिया र टाइम्स न्यु रोमन समेत यस लेखमा फन्टहरू प्रयोग गर्दछन्, जुन सबै वेब सुरक्षित फन्टहरू हुन्। एक व्यक्तिको कम्प्यूटरमा)। यद्यपि कुनै फन्ट हराइरहेको फिक्स्चर निकै कम छ, फन्ट स्ट्याक निर्दिष्ट गर्दा साइटको टाइपोग्राफिक डिजाइनलाई सकेसम्म जित्न मद्दत पुर्याउनेछ।
जेनिफर क्रिनिन द्वारा मूल लेख। 8/9/17 मा जेरेमी गिरर्ड द्वारा सम्पादित