फन्ट ट्याग संस्करण क्यासिंगिङ स्टाइल पाना (सीएसएस)

के तपाइँ एक पुरानो वेबसाइट हेर्नुभयो र HTML भित्र एक असामान्य ट्याग देख्नुभयो? धेरै वर्ष पहिले वेब डिजाइनरले वास्तवमा HTML भित्रको वेब पेजको फन्ट सेट गर्दथे तर संरचनाको (एचटीएमएल) र शैली (सीएसएस) को विभाजन केही समय अघि यस अभ्याससँग टाढा गयो।

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

फन्ट ट्यागमा वैकल्पिक

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

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

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

यो फन्ट सान्स-सेरिफ छैन

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

शरीर {फन्ट-परिवार: ग्यारेम, टाइम्स, सेरिफ; }

यो सीएसएस स्टाइलले वेबपेजमा सबै केहि गर्न ग्यामर को फन्ट परिवारलाई लागू गर्दछ जुन कागजातमा प्रत्येक तत्वको सन्तान हो

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

अनुहारको रूपमा, तपाइँ आफ्नो पाठको रंग परिवर्तन गर्न "रङ्ग" विशेषता र हेक्स कोडहरू वा रंग नामहरू प्रयोग गर्नुहुन्छ। वर्ष पहिले तपाईले पनि यो व्यक्तिगत रूपमा पाठ तत्वहरू जस्तै हेडर ट्याग जस्तै सेट गर्नुहुनेछ।

यो फन्ट बैंगनी हो

आज, तपाईं केवल CSS को एक लाइन लेख्नुहुन्छ।

यो धेरै लचीला छ। यदि तपाईंलाई परिवर्तन गर्न आवश्यक छ

तपाईंको साइटको प्रत्येक पृष्ठमा, तपाईंले आफ्नो CSS फाइलमा एक परिवर्तन गर्न सक्नुहुनेछ र त्यो फाइल प्रयोग गर्ने प्रत्येक पृष्ठ अद्यावधिक हुनेछ।

पुरानो संग

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

जेरेमी Girard द्वारा संपादित