फॉन्ट-कौटुंबिक मालमत्तेचे सिंटॅक्स
टायपोग्राफिक डिझाईन हे एक यशस्वी संकेतस्थळ डिझाइनचे एक महत्वपूर्ण भाग आहे. साइट्स तयार करणे जे वाचणे सोपे आहे आणि जे चांगले दिसते ते प्रत्येक वेब डिझायनिंगचे लक्ष्य व्यावसायिक आहे हे साध्य करण्यासाठी, आपण आपल्या वेब पृष्ठांवर वापरण्यास इच्छुक असलेल्या विशिष्ट फॉन्ट सेट करण्यास सक्षम असणे आवश्यक आहे. आपल्या वेब दस्तऐवजांवर टाइपफेस किंवा फाँट कुटुंब निर्दिष्ट करण्यासाठी आपण आपल्या सीएसएस मधील फॉन्ट-फॅमिली स्टाइल प्रॉपर्टी वापरु शकाल.
सर्वात सोपा फॉन्ट-कुटुंब शैली ज्याचा आपण वापर करू शकता त्यात केवळ एका फॉन्टचा समावेश असेल:
पी {फॉन्ट-कुटुंब: एरियल; }आपण या शैलीला एका पृष्ठावर लागू केले असल्यास, "अॅयअल" फॉन्टमधील सर्व परिच्छेद प्रदर्शित केले जातील. हे उत्कृष्ट आहे आणि "एरियल" म्हणजे "वेब-सुरक्षित फॉन्ट" म्हणून ओळखले जाते, याचा अर्थ बहुतेक (सर्व नसल्यास) कॉम्प्यूटरने हे स्थापित केले असते, तर आपण हे सहज सहजपणे जाणू शकता की आपले पृष्ठ हेतू असलेल्या फॉन्टमध्ये प्रदर्शित होईल .
जर आपण निवडलेला फॉन्ट सापडू शकला नाही तर काय होते? उदाहरणार्थ, आपण पृष्ठावर "वेब सुरक्षित फॉन्ट" वापरत नसल्यास, त्या फॉन्टमध्ये नसल्यास वापरकर्ता एजंट काय करेल? ते पर्याय करतात
यामुळे काही खूप मजेदार दिसणारे पृष्ठे होऊ शकतात. मी एकदा अशा पानावर गेलो जिथे माझ्या कॉम्प्यूटरने "विंगडींग्स" (एका आयकॉन सेट) मध्ये पूर्णतः प्रदर्शित केले कारण माझ्या संगणकाकडे डेव्हलपरने निर्दिष्ट केलेले फॉन्ट नव्हते, आणि माझ्या ब्राउझरने कोणता फॉन्ट तो बदली म्हणून वापरा. पृष्ठ माझ्यासाठी पूर्णपणे अवाचनीय होते! येथे एक फॉन्ट स्टॅक प्लेमध्ये येतो.
फॉन्टच्या स्टॅकमध्ये कॉमन बरोबर वेगळे एकाधिक फॅक्ट फॅमिली
"फॉन्ट स्टॅक" फॉन्टची यादी आहे जी आपणास आपले पृष्ठ वापरण्यास आवडेल. आपण आपल्या पसंतीनुसार आपल्या फॉन्ट निवडी ठेवता आणि प्रत्येक स्वल्पविरामाने विभक्त कराल. जर ब्राउझरकडे सूचीतील पहिले फॉन्ट फॅन्स नसेल, तर ते दुसऱ्यावर आणि नंतर तिसऱ्या आणि नंतर प्रणालीवर असलेल्या एखाद्यास सापडत नाही तोपर्यंत प्रयत्न करेल.
font-family: पुसीकॅट, अल्जेरियन, ब्रॉडवे;वरील उदाहरणामध्ये, ब्राउझर प्रथम "पुसीकॅट" फॉन्ट शोधेल, नंतर "अल्जेरियन" नंतर "ब्रॉडवे" अन्य कोणतेही फॉन्ट सापडले नाहीत तर हे आपल्याला अधिक संधी देते की कमीत कमी एका निवडलेल्या फॉन्टचा वापर केला जाईल. हे अचूक नाही, म्हणूनच अजून आम्ही आमच्या फॉन्ट स्टॅकवर (read!) जोडू शकतो.
सामान्य फॉन्ट वापरा शेवटचा
त्यामुळे आपण फॉन्टच्या सूचीसह एक फाँट स्टॅक तयार करू शकता आणि त्यापैकी कोणतेही ब्राऊजर शोधू शकत नाही. जर ब्राउझर खराब पर्याय तयार करत असेल तर आपण आपला पृष्ठ अवाचनीय दर्शवू इच्छित नाही. सुदैवाने सीएसएसनेही याचे समाधान केले आहे: सामान्य फॉन्ट
सामान्य फॉन्टसह आपण नेहमी आपल्या फाँट सूचीची (ही एक कुटुंब किंवा केवळ वेब सुरक्षित फॉन्टची यादी असली तरी) समाप्त करावी. आपण वापरू शकता की पाच आहेत:
- कर्सर
- कल्पनारम्य
- मोनोस्पेस
- sans-serif
- सेरिफ़
वरील दोन उदाहरणे येथे बदलल्या जाऊ शकतातः
फॉन्ट-फॅमिली: एरियल, सेन्स-सेरीफ; font-family: पुसीकॅट, अल्जेरियन, ब्रॉडवे, कल्पनारम्य;काही फॉन्ट फॅमिली नावे दोन किंवा अधिक शब्द आहेत
आपण वापरू इच्छित असलेल्या फॉन्ट कुटुंबास एकापेक्षा अधिक शब्द असल्यास, आपण त्यास डबल-कोट चिन्हांसह भोवती ठेवावे. काही ब्राउझर कोट्स न घेता फॉन्ट परिसर वाचू शकत असले तरी, मोकळी जागा कंडेम किंवा दुर्लक्षित केल्यास काही समस्या असू शकतात.
font-family: "टाइम्स न्यू रोमन", सेरिफ;या उदाहरणात आपण पाहू शकता की "Times New Roman" हे फॉन्टचे नाव बहु-शब्द आहे, हे कोट्समध्ये आहे. हे ब्राऊझरला सांगते की या सर्व तीन शब्द त्या फाँट नावाचा भाग आहेत, एक शब्द-नावाच्या तीन वेगवेगळ्या फॉन्टांच्या विरोधात.
जेनिफर क्रिनिन द्वारे मूळ लेख. 12/2/16 रोजी जेरेमी गिरर्ड यांनी संपादित केले