जेव्हा वेबसाइट्सवर प्रतिमा खूप प्राप्त होते तेव्हा ते लिखित शब्द होते जे शोध इंजिनला आवाहन करते आणि बहुतेक साइट्सच्या सामग्रीचे काम करते. यामुळे, टायपोग्राफी डिझाईन वेबसाइट डिझाइनचा एक गंभीर भाग आहे. एखाद्या साइटच्या मजकुराचे महत्व हे सुनिश्चित करणे आवश्यक आहे की हे चांगले दिसते आणि वाचण्यास सोपे आहे. हे सीएसएस (कॅस्केडिंग स्टाइल शीट) स्टाईलने केले जाते.
आधुनिक वेब डिझाईन मानकानुसार, जेव्हा आपण एखाद्या वेबसाइटच्या मजकूराचे स्वरूप नियंत्रित करू इच्छित असाल, तेव्हा आपण सीएसएस वापरून असे करू शकता. हे CSS शैली एका पृष्ठाच्या HTML संरचनेपासून वेगळे करते. उदाहरणार्थ, आपण "Arial" वर पेजचे फाँट सेट करू इच्छित असल्यास, आपण आपल्या सीएसएसवर खालील शैली नियम जोडून असे करू शकता (टीप - हे बाह्य सीएसएस शैली पत्रकात केले जाईल जे स्टॉलला शक्ती देते वेबसाइटवरील प्रत्येक पृष्ठासाठी):
शरीर {फॉन्ट-कुटुंब: एरियल; }हा फॉन्ट "बॉडी" साठी सेट आहे, त्यामुळे CSS कॅस्केड पृष्ठाच्या अन्य सर्व घटकांसाठी शैली लागू करेल. याचे कारण असे की प्रत्येक इतर HTML घटक हा "बॉडी" घटकाचा मूल आहे, फॉन्ट फॅमिली किंवा रंगासारख्या सीएसएस स्टाइल पालकांपासून मूल घटकपर्यंत कॅस्केड होतील. विशिष्ट घटकासाठी अधिक विशिष्ट शैली जोडली जात नाही तोपर्यंत हे प्रकरण असेल. या सीएसएसच्या सोबत फक्त एकच फॉन्ट निर्दिष्ट करण्यात आले आहे. हा फोन्ट काही कारणास्तव सापडत नसल्यास, ब्राउझर दुसर्या ठिकाणी बदलेल. हा वाईट आहे कारण फॉन्ट कसे वापरले जाते यावर आपले काही नियंत्रण नाही - ब्राउझर आपल्यासाठी निवडेल आणि वापरण्याचे ठरविलेले आपल्याला आवडत नसतील! येथे एक फॉन्ट स्टॅक येते.
फॉन्ट स्टॅक CSS फॉन्ट-कौटुंबिक घोषणेमधील फॉन्टची सूची आहे. फाँट्सची पसंती असलेल्या क्रमाने सूचीबद्ध केली आहे की फॉन्ट लोडिंग न होण्यासारख्या अडचणीच्या बाबतीत आपण त्यांना साइटवर दिसणे आवडेल. फाँट स्टॅक वेब पृष्ठावर फॉन्टचे स्वरूप नियंत्रित करण्यासाठी डिझाइनरला अनुमती देतो जरी संगणकसाठी प्रारंभिक फॉन्ट नसला तरीही.
मग फॉन्ट स्टॅक कसा दिसतो? येथे एक उदाहरण आहे:
शरीर {फॉन्ट-कुटुंब: जॉर्जिया, "टाइम्स न्यू रोमन", सेरिफ; }येथे लक्षात येण्यासाठी काही गोष्टी आहेत.
प्रथम आपण पाहू की आपण स्वल्पविरामाने वेगवेगळ्या फॉन्ट नावांनी विभक्त केले आहे. प्रत्येक दरम्यान आपण जितके इच्छिता तितके फॉन्ट्स जोडू शकता, जोपर्यंत ते स्वल्पविरामांद्वारे विभक्त झाले आहेत. ब्राउझर प्रथम प्रथम निर्दिष्ट केलेल्या प्रथम फॉन्ट लोड करण्याचा प्रयत्न करेल. ते अपयशी ठरल्यास, तो वापरत असलेल्या प्रत्येकस उपलब्ध होईपर्यंत ते प्रत्येक फाईल वापरून पहायला मिळेल. या उदाहरणामध्ये आम्ही वेब सुरक्षित फॉन्ट वापरत आहोत आणि "जॉर्जिया" संभाव्य व्यक्तीच्या संगणकावर आढळेल जे साइटला भेट देत आहे (टीप - पृष्ठावर निर्दिष्ट केलेल्या फॉन्टसाठी ब्राउझर आपल्या कॉम्प्यूटरवर दिसते, त्यामुळे साइट प्रत्यक्षात सांगत आहे संगणक जो आपल्या सिस्टमवरून लोड करणार्या फॉन्ट्सचा वापर करतो). काही कारणास्तव तो फाँट सापडला नाही तर तो स्टॅक खाली हलवेल आणि पुढील निर्दिष्ट फाँटचा प्रयत्न करेल
त्या पुढील फॉन्टच्या दृष्टीने, स्टॅकमध्ये हे कसे लिहायचे ते पहा. "टाइम्स न्यू रोमन" चे नाव, दुहेरी अवतरण चिन्हात आहे. कारण फॉन्टचे बहुविध शब्द आहेत. एकापेक्षा अधिक शब्दासह (Trebuchet MS, Courier New, इत्यादी) कोणतेही फॉन्टचे नाव दुहेरी अवतरणात असणे आवश्यक आहे जेणेकरून ब्राउझरला हे ठाऊक आहे की हे सर्व शब्द एका फॉन्ट नावाचा भाग आहेत.
शेवटी, आपण "serif" सह फॉन्ट स्टॅकचा शेवट करतो, जे सर्वसामान्य फॉन्ट वर्गीकरण आहे. संभवत: आपल्या स्टॅकमध्ये आपण ज्या फॉन्टचे नामांकन केले आहे त्यापैकी काहीही उपलब्ध नाही, तर त्याऐवजी ब्राउझर त्या फॉन्टला शोधेल ज्यात किमान आपण निवडलेल्या योग्य वर्गीकरणात येते. उदाहरणार्थ, आपण एरियल आणि वर्डाना सारख्या नॉन-सेरीफ फॉन्ट वापरत असल्यास "sans-serif" चे वर्गीकरण असलेल्या फाँट स्टॅकच्या शेवटच्या वेळेस लोड समस्येची समस्या असल्यास कुटुंबातील फॉन्ट कमीत कमी ठेवावे लागेल. कबूल आहे की, ब्राउझर फारच दुर्मिळ असावा की स्टॅकमध्ये सूचीबद्ध केलेले कोणतेही फॉन्ट सापडत नाहीत आणि त्याऐवजी हे सामान्य वर्गीकरण वापरणे आवश्यक आहे, तरीही ते दुप्पट सुरक्षित राहण्यासाठी सर्वोत्तम अभ्यास आहे
फॉन्ट चौकट आणि वेब फॉन्ट
बर्याच वेबसाइट्स आज वेब फॉण्ट्स वापरतात जी एकतर इतर संसाधनांसह (साइटच्या प्रतिमा, Javascript file इत्यादी) साइटवर समाविष्ट होतात किंवा Google फॉन्ट किंवा टाइपकिट सारख्या ऑफसाइट फाँट स्थानाशी जोडल्या जातात. आपण स्वत: फाईल्सशी जोडत असल्यामुळे हे फॉन्ट लोड केले पाहिजेत, तरीही आपण उद्भवणार्या कोणत्याही समस्यांवरील काही नियंत्रणाची खात्री करण्यासाठी फॉन्ट स्टॅक वापरू इच्छित आहात. तीच गोष्ट "वेब सुरक्षित" फॉन्टसाठी आहे जी एखाद्याच्या संगणकावर असली पाहिजे (लक्षात घ्या की या लेखातील उदाहरणे, ज्यामध्ये एरियल, वर्डाणा, जॉर्जिया आणि टाईम्स न्यू रोमन यांचा समावेश आहे. हे सर्व वेब सुरक्षित फॉन्ट आहेत एका व्यक्तीच्या संगणकावर). एक फाँट गहाळ कमी होण्याची शक्यता फार कमी असली तरी फॉन्ट स्टॅक निर्दिष्ट केल्याने शक्य तितक्या साइटच्या टायपोग्राफीची रचना बुलेटप्रुफ करण्यात मदत होईल.
जेनिफर क्रिनिन द्वारे मूळ लेख. 8/ 9/17 रोजी जेरेमी गिरर्ड द्वारा संपादित