फन्ट-पारिवारिक सम्पत्तीको सिन्ट्याक्स
Typographic Design एक सफल वेबसाइट डिजाइन को एक गंभीर रूप देखि महत्वपूर्ण टुकडा हो। पढ्ने सजिलो पाठहरू साइटहरू सिर्जना गर्न सजिलो छ र जुनसुकै सुन्दर देखिन्छ जुन हरेक वेब डिजाइनको उद्देश्य हो। यो प्राप्त गर्नका लागि, तपाइँलाई निर्दिष्ट फन्टहरू सेट गर्न सक्षम हुनु पर्नेछ जुन तपाईका वेब पृष्ठहरूमा प्रयोग गर्न चाहानुहुन्छ। तपाईंको वेब कागजातमा टाइपफेस वा फन्ट परिवार निर्दिष्ट गर्न तपाईले फन्ट-पारिवारिक शैली सम्पत्तीलाई तपाइँको CSS मा प्रयोग गर्नुहुनेछ।
तपाईले प्रयोग गर्न सक्नुहुने सरल फन्ट-पारिवारिक शैलीमा केवल एक फन्ट परिवार समावेश हुनेछ:
p {font-family: Arial; }यदि तपाईंले यस शैलीलाई पृष्ठमा लागू गर्नुभयो भने, सबै अनुच्छेदहरू "एरीयल" फन्ट परिवारमा प्रदर्शित हुनेछन्। यो एकदम राम्रो छ र "एरिड" ले "वेब-सुरक्षित फन्ट" को रूपमा चिनिन्छ, जसको मतलब अधिकांश (यदि सबै होइन) कम्प्यूटरले यसलाई स्थापना गरेको छ भने, तपाईं सजिलै संग जान सक्नुहुन्छ कि तपाइँको पृष्ठलाई इच्छित फन्टमा प्रदर्शन गरिनेछ। ।
त्यसो भए के हुन्छ यदि तपाईंले चयन गर्नुभएको फन्ट भेट्टाउन सकिँदैन? उदाहरणको लागि, यदि तपाइँ पृष्ठमा "वेब सुरक्षित फन्ट" प्रयोग गर्नुहुन्न भने प्रयोगकर्ता एजेन्टरले के भने त्यो फन्ट छैन भने के गर्दछ? तिनीहरू एक प्रतिस्थापन गर्छन्।
यो परिणाम धेरै धेरै मजाकिया लगाइएको पृष्ठहरूमा परिणाम हुन सक्छ। म एक पटक एक पृष्ठमा गए जहाँ मेरो कम्प्यूटरले यसलाई "Wingdings" (एक आइकन-सेट) मा पूर्ण रूपमा प्रदर्शित गर्दछ किनभने मेरो कम्प्युटरमा विकासकर्ताले फन्ट निर्दिष्ट गरेको थिएन, र मेरो ब्राउजरले के फन्टमा धेरै खराब विकल्प बनायो। प्रतिस्थापनको रूपमा प्रयोग गर्नुहोस्। पृष्ठ मेरो लागि पुरा तरिकाले अपरिहार्य थियो! यो जहाँ एक फन्ट स्ट्याक प्ले हुन्छ।
फन्ट स्ट्याकमा अल्पविरामसँग बहु फन्ट परिवारहरू अलग गर्नुहोस्
"फन्ट स्ट्याक" फन्टहरूको सूची हो जुन तपाइँले तपाइँको पृष्ठ प्रयोग गर्न चाहानुहुन्छ। तपाईं आफ्नो प्राथमिकता को क्रम मा आफ्नो फन्ट विकल्प राख्नु पर्छ र एक अल्पविराम संग प्रत्येक अलग। यदि ब्राउजरसँग सूचीमा पहिलो फन्ट परिवार छैन भने, यो एक प्रणालीमा यो फेला परेन जब सम्म दोस्रो, त्यसपछि तेस्रो र यति प्रयास गर्नुहोस्।
फन्ट-परिवार: बिटक्याट, अल्जेरिया, ब्रडवे;माथिको उदाहरणमा, ब्राउजरले "catcat" फन्ट, त्यसपछि "अल्जेरियन" त्यसपछि "ब्रडवे" को लागी हेर्न सक्नुहुनेछ यदि अन्य फन्टहरू फेला परेनन्। यसले तपाइँलाई अधिक मौका दिन्छ कि कम से कम एक छनौट फन्टहरू प्रयोग गरिनेछ। यो एकदम सही छैन, किनकि हामीले अझ बढी छौँ हामी हामी हाम्रो फन्ट स्ट्याकमा थप्न सक्छौं (पढ्न!)।
जेनेरिक फन्टहरू प्रयोग गर्नुहोस्
त्यसोभए तपाईं फन्टहरूको सूचीसँग फन्ट स्ट्याक सिर्जना गर्न सक्नुहुन्छ र अहिलेसम्म कुनै पनि ब्राउजर पत्ता लगाउन सक्दछ। तपाईले स्पष्ट रूपमा चाहानुहुन्छ कि तपाईको पृष्ठ अपरिहार्य रूपमा देखाउन सकिँदैन भने ब्राउजरले खराब विकल्प छनोट गर्दछ। सौभाग्य सीएसएस यसका लागि एउटा समाधान छ: सामान्य फन्टहरू ।
तपाईले सधै आफ्नो फन्ट सूची समाप्त गर्नु पर्छ (जे भए पनि यो सामान्य फन्टको साथ एक परिवार वा केवल वेब सुरक्षित फन्टहरूको सूची हो)। तपाईले प्रयोग गर्न सक्नुहुने पाँच छन्:
- cursive
- कल्पना
- मोनोस्पेस
- सेन्स-सेरिफ
- serif
माथिका दुई उदाहरणहरू निम्नमा बदल्न सकिन्छ:
फन्ट-परिवार: एरिड, सेन्स सेरिफ; फन्ट-परिवार: बिटक्याट, अल्जेरियन, ब्रडवे, काल्पनिक;केहि फन्ट परिवार नामहरू दुई वा बढी शब्द हुन्
यदि तपाईले प्रयोग गर्न चाहनु भएको फन्ट परिवार एक भन्दा बढी शब्द हो, त्यसपछि तपाईले यसलाई डबल-उद्धरण अंकको साथ घेरिएको हुनुपर्छ। जबकि केहि ब्राउजरले उद्धरण चिह्नहरू बिना फन्ट परिवार पढ्न सक्छन्, व्हाइटस्पेस कन्डेन्ड गरिएको वा उपेक्षा गर्दा समस्या हुन सक्छ।
फन्ट-परिवार: "टाइम्स न्यु रोमन", सेरिफ;यस उदाहरणमा, तपाईंले देख्न सक्नुहुनेछ कि फन्ट नाम "टाइम्स न्यु रोमन", जुन बहु-शब्द हो, उद्धरणमा संलग्न छ। यसले ब्राउजरलाई बताउँछ कि यी सबै शब्दहरू त्यस फन्ट नामको भाग हुन्, जस्तै तीनवटा फरक फन्टहरू एक-एक शब्द नामहरूको साथ।
जेनिफर क्रिनिन द्वारा मूल लेख। 12/2/16 मा जेरेमी गिरर्ड द्वारा सम्पादन गरियो