फन्ट गुण परिवर्तन गर्दै

फन्ट गुण परिवर्तन गर्न CSS प्रयोग गर्नुहोस्

फन्टहरू र सीएसएस

CSS तपाईंको वेब पेजमा फन्टहरू समायोजन गर्ने सबैभन्दा प्रभावकारी तरिका हो। तपाईं फन्ट परिवार , साइज, रङ, वजन, र टाइपोग्राफीको धेरै अन्य पक्षहरूलाई नियन्त्रण गर्न सक्नुहुन्छ।

CSS मा फन्ट गुणहरू तपाईंको पृष्ठ अधिक विशिष्ट र अद्वितीय बनाउन को लागी सबै भन्दा साधारण तरिका हो। सीएसएस फन्ट गुणहरूसँग तपाईंको टेक्स्टको रङ, साइज, र फेस (आफैले फन्ट मात्र) परिवर्तन गर्न सजिलो छ।

• रंग
• फन्ट-परिवार
• फन्ट-आकार

त्यहाँ तीन भागहरू फन्टमा छन्:

• रंग
  • यो रंग हो र फन्ट स्क्रीनको रूपमा प्रदर्शन हुनेछ।
• आकार
  • यो कति ठूलो वा सानो टाइप स्क्रीनमा प्रस्तुत हुनेछ।
• अनुहार
  • यो फन्ट परिवार हो, प्राय: वास्तविक फन्टको रूपमा उल्लेख गरिन्छ।

फन्ट रङ

पाठको रङ परिवर्तन गर्न, केवल CSS रङ शैली गुण प्रयोग गर्नुहोस्। तपाईले रंग वा नामहरू वा हेक्साडेसिमल कोडहरू प्रयोग गर्न सक्नुहुनेछ। वेबको सबै रंगको रूपमा, ब्राउजर सुरक्षित रङ प्रयोग गर्ने सबै भन्दा राम्रो हो।

निम्न वेबसाईटहरूमा निम्न शैलीहरू प्रयास गर्नुहोस्:

यो फन्ट रङ रातो छ
यो फन्ट रङ निलो छ

फन्ट साइज

जब तपाईंले वेबमा फन्ट साइज सेट गर्नुभयो भने तपाई यसलाई सापेक्ष आकारमा सेट गर्न सक्नुहुन्छ वा पिक्सल, सेन्टिमिटर वा इन्च प्रयोग गरेर धेरै विशिष्ट हुन सक्नुहुन्छ। यद्यपि, अधिक सही फन्ट साइजहरू प्रिन्टको लागि प्रिन्ट र वेब पृष्ठहरूको लागी प्रयोगका लागि प्रयोग हुने हो भने, जहाँ सबैले तपाईको वेबसाइटमा फरक रिजोल्युशन हुन सक्छ, मनिटर आकार, वा पूर्वनिर्धारित फन्ट सेटिङ देखाउँदछ। यसकारण, यदि तपाईं आफ्नो मानक साइजको रूपमा 15px रोज्नु हुन्छ भने, तपाइँ अनावश्यक रूपमा आश्चर्यचकित हुन सक्नुहुनेछ कि तपाईंको फन्टले तपाईंको ग्राहकलाई कसरी ठूलो वा सानो भनेर सानो पार्छ।

म तपाईंलाई फन्ट साइजको लागि ems प्रयोग गर्न सिफारिस गर्दछु । ईसले तपाईंको पृष्ठलाई पहुँचयोग्य बनाउन अनुमति दिन्छ कुनै पनि कुरा यो देख्न सकिँदैन, र इमेलहरू स्क्रीन प्रतिपादनको लागि हुन्। प्रिन्ट रेन्डरिङको लागि तपाईंको पिक्सल र बिन्दुहरू छोड्नुहोस्। तपाईंको फन्ट आकार परिवर्तन गर्न, निम्न वेबसाईटमा तपाइँको शैलीमा राख्नुहोस्:

यो फन्ट 1em छ
यो फन्ट .75em हो
यो फन्ट 1.25em हो

फन्ट फिजहरू

तपाईंको फन्टको अनुहार भनेको धेरै व्यक्तिहरूले सोच्ने बेलामा "फन्ट।" तपाईँले सोच्नु भएको कुनै फन्ट फेसको घोषणा गर्न सक्नुहुन्छ, तर सम्झनुहोस्, यदि तपाईंको पाठकसँग कुनै फन्ट छैन भने उनीहरूको ब्राउजरले एक मिलान फेला पार्न प्रयास गर्नेछ। यसको लागी, र तिनीहरूको पृष्ठ तपाईंको इच्छित जस्तो छैन।

यस समस्यालाई सम्बोधन गर्नको लागि तपाइँ प्राथमिकताको क्रममा प्रयोग गर्न ब्राउजरको लागि अनुहारको नामको सूची निर्दिष्ट गर्न सक्नुहुन्छ। यो फन्ट स्ट्याक्स भनिन्छ। ध्यान राख्नुहोस् कि एक पीसीमा मानक फन्ट (जस्तै एरिड) म्याकिन्टोसमा मानक नहुन सक्छ। त्यसैले तपाईले तपाईको पृष्ठलाई कम से कम फन्टहरूको साथ समेत डिजाइन गरिएको देखिन्छ भन्ने सुनिश्चित गर्न न्यूनतम पृष्ठ स्थापना गरिएको मशीन (र अधिमानतः दुवै प्लेटफार्महरूमा) सँग हेर्नु पर्छ।

मेरो मनपर्ने फन्ट स्ट्याकहरूमध्ये यो सेट एक सेन्स-सेरिफ फन्ट संग्रह हो र जेनेभा र आरिअल धेरै जस्तो देखिन्छन, तिनीहरू दुवै म्यान्टिन्टो र विन्डोज कम्प्यूटरमा उचित स्तर हुन्। म योसेक्स वा लिनक्स जस्तो अन्य अपरेटिङ सिस्टमहरूमा ग्राहकहरूको लागि हेलभेटिका र हेल समावेश गर्दछ जुन हुन सक्छ कि एक फन्ट फन्ट लाइब्रेरी छैन।

यो फन्ट सा्यान-सेरिफ हो
यो फन्ट सीरिफ हो