फॉन्ट विशेषता बदलण्यासाठी सीएसएस वापरायला शिका
फॉन्ट आणि सीएसएस
आपल्या वेब पृष्ठावरील फॉन्ट समायोजित करण्याचा सीएसएस सर्वात प्रभावी मार्ग आहे. आपण टायपोग्राफीचे फॉन्ट फॅमिली , आकार, रंग, वजन आणि बर्याच इतर बाबी नियंत्रित करू शकता.
CSS मध्ये फॉन्ट गुणधर्म आपल्या पृष्ठाला अधिक विशिष्ट आणि अद्वितीय बनविण्याचा सर्वात सामान्य मार्गांपैकी एक आहे. CSS फॉन्ट गुणधर्मांसह आपल्या मजकूराचा रंग, आकार आणि अगदी चेहरा (फॉन्ट स्वतः) बदलणे सोपे आहे.
- रंग
- फॉन्ट-कुटुंब
- अक्षराचा आकार
फॉन्टमध्ये तीन भाग आहेत:
- रंग
- हा फॉन्ट स्क्रीनवर प्रदर्शित होईल असा रंग आहे.
- आकार
- स्क्रीनवर किती मोठ्या किंवा लहान टाइपफेस प्रस्तुत करेल.
- चेहरा
- हा फाँट कुटुंब आहे, याला नेहमीच वास्तविक फाँट म्हणतात.
फॉन्ट रंग
मजकूराचा रंग बदलण्यासाठी, फक्त सीएसएस कलर स्टाईल प्रॉपर्टी वापरा. आपण एकतर रंग नावे किंवा हेक्झाडेसिमल कोड वापरू शकता. वेबवरील सर्व रंगाप्रमाणे, ब्राउझर सुरक्षित रंग वापरणे सर्वोत्तम आहे
आपल्या वेब पृष्ठांवर पुढील शैली वापरून पहा:
हा फॉन्ट लाल रंगाचा आहे
हा फॉन्ट रंगीत निळा आहे
फॉन्ट आकार
जेव्हा आपण वेबवर फॉन्ट आकार सेट करता तेव्हा आपण तो सापेक्ष आकारात सेट करू शकता किंवा पिक्सल, सेंटीमीटर किंवा इंच वापरून अतिशय विशिष्ट करू शकता. तथापि, अधिक अचूक फॉन्ट आकार मुद्रणासाठी वापरले जातात, वेबपृष्ठांसाठी नव्हे, जेथे आपल्या वेबसाइटवर पाहणार्या प्रत्येकजणाने भिन्न रिझोल्यूशन, मॉनिटर आकार किंवा डीफॉल्ट फॉन्ट सेटिंग कदाचित लागू शकते. याप्रमाणे, जर आपण आपला मानक आकार म्हणून 15px निवडता, तर आपण आपल्या ग्राहकांना किती मोठ्या किंवा लहान फॉन्ट देत असतो हे पाहून आपल्याला आश्चर्य वाटेल.
मी तुम्हाला फॉन्ट आकारासाठी ईएमएस वापरण्याची शिफारस करतो . एम्स आपल्या पृष्ठास प्रवेशयोग्य राहू देण्यास सक्षम असतं तरी ते कोण पाहू शकेल, आणि ems स्क्रीन रेंडरिंगसाठी असतं. प्रिंट रेन्डरिंगसाठी आपले पिक्सेल आणि बिंदू सोडा. आपला फॉन्ट आकार बदलण्यासाठी, आपल्या वेब पृष्ठावर पुढील शैली ठेवा:
हा फॉन्ट 1em आहे
हा फॉन्ट आहे .75em
हा फॉन्ट 1.25em आहे
फॉन्ट चेहरे
आपल्या फॉन्टचा चेहरा म्हणजे "फॉन्ट" असे असताना बरेच लोक विचार करतात. आपण इच्छित असलेले कोणतेही फॉन्ट सांग करू शकता परंतु लक्षात ठेवा, आपल्या वाचकाने ते फॉन्ट स्थापित केलेले नसल्यास आपला ब्राउझर जुळवण्याचा प्रयत्न करेल त्यासाठी, आणि आपला पृष्ठ आपल्याला उद्देशित म्हणून दिसत नाही
या समस्येचे निराकरण करण्यासाठी आपण प्राधान्यांच्या क्रमाने ब्राउझर वापरण्यासाठी चेहरा नावांची सूची, स्वल्पविरामाने विभक्त करुन निर्दिष्ट करू शकता. यास फॉन्ट स्टॅक असे म्हणतात. हे लक्षात ठेवा की एखाद्या PC वरील एक मानक फॉन्ट (जसे की एरियल) एखाद्या Macintosh वर मानक नसू शकतो. किमान पृष्ठांसह आपले पृष्ठ कसे डिझाइन केले आहे हे सुनिश्चित करण्यासाठी आपण नेहमी आपल्या पृष्ठांना कमीतकमी स्थापित मशीनसह (आणि प्राधान्याने दोन्ही प्लॅटफॉर्मवर) पहावे.
माझ्या पसंतीच्या फॉन्ट स्टॅकपैकी एक हा सेट एक सेन्स-सेरीफ फाँट संग्रह आहे आणि जेव्हा जीनेवा आणि एरियल खूपच समान दिसत नाहीत, तर ते दोन्ही मॅकिन्टोश आणि विंडोज संगणकांवर पुरेसे मानक आहेत. मी युनिक्स किंवा लिनक्स सारख्या इतर ऑपरेटिंग सिस्टम्सवरील ग्राहकांसाठी हॅलेक्सिका आणि हेल समाविष्ट करतो ज्यात कदाचित एक मजबूत फाँट लायब्ररी नसतील.
हा फॉन्ट sans-serif आहे
हा फॉण्ट सेरिफ आहे