फॉन्ट फॅमिली सीएसएस फॉन्ट बदलत नाही. एचटीएमएलमध्ये सुंदर फॉन्ट कसा बनवायचा: आकार, रंग, एचटीएमएल फॉन्ट टॅग. आकार आणि इतर पॅरामीटर्स

iOS वर - iPhone, iPod touch 31.03.2019
iOS वर - iPhone, iPod touch

या लेखाच्या सर्व वाचकांना आणि माझ्या ब्लॉगच्या सदस्यांना शुभेच्छा! मला आजचे प्रकाशन अशा विषयावर समर्पित करायचे आहे ज्याची माहिती नसताना तुमची इंटरनेट संसाधने वाचनीय आणि आकर्षक नसतील: "HTML मध्ये फॉन्ट कसा सेट करायचा." विषय स्वतःच सोपा आहे आणि मला खात्री आहे की तुम्ही ते पटकन पार पाडाल.

तथापि, आम्ही हे विसरू नये की वेब भाषा सर्व प्रकारच्या फॉन्ट डिझाइन साधनांनी समृद्ध आहेत ज्या, आदर्शपणे, आपल्याला माहित असणे आवश्यक आहे. लेख वाचल्यानंतर, तुम्ही आत्मविश्वासाने मजकूर स्वरूपनात प्रभुत्व मिळवाल आणि कसे सेट करायचे ते शिकाल विविध शैली, फॉन्ट शैली आणि सजावट प्रकार, तसेच दोन्ही वाक्ये आणि वैयक्तिक अक्षरे आकार आणि रंग बदला. चला सुरू करुया!

फॉन्ट वेगळे आहेत

मोठ्या प्रमाणात चिन्हे, प्रेस आणि साहित्य, वेबसाइट्स आणि इतर सेवा मानक फॉन्ट वापरतात. जरी ते आरामदायक असले तरी ते बर्याच काळापासून कंटाळवाणे झाले आहेत आणि डोळा पकडत नाहीत. म्हणूनच बरेच डिझाइनर डिझाइनचा प्रकार किंचित बदलतात किंवा पूर्णपणे नवीन शैली तयार करतात. सर्वात प्रसिद्ध आणि प्रभावशाली फॉन्ट आहेत:

  • हेल्वेटिका;
  • फ्युचुरा;
  • गॅरामंड;
  • बोडोनी;
  • बेंबो;
  • रॉकवेल;
  • टाईम्स न्यू रोमन.

त्यांचे मुख्य फरक विशिष्ट कुटुंबांशी असलेल्या त्यांच्या नातेसंबंधात आहेत. सेरिफ (सेरिफ), सॅन्स सेरिफ, डेकोरेटिव्ह, इटॅलिक आणि मोनोस्पेस फॅमिली आहेत.

मला हे देखील सांगायचे आहे की 5 फॉन्ट आकार आहेत.

चला एचटीएमएल भाषा आणि त्याच्या "सर्जनशील क्षमता" सह प्रारंभ करूया

html टॅग वापरून मजकूर फॉरमॅट करणे

नाव पहिलाशीर्षलेख

पीलाल अक्षरासह उपशीर्षक!

येथे स्थित आहे पहिलापरिच्छेद वर्तमानउदाहरण स्पष्टतेसाठी हे शब्दतिर्यक मध्ये लिहिले जाईल.



मला तुम्हाला आठवण करून द्यावी की विशेषता संरेखित करा = "केंद्र"मध्यभागी प्रदर्शित करण्यासाठी मजकूर सेट करते.

आणि आता css ची कौशल्ये दाखवण्याची वेळ आली आहे

एचटीएमएल द्वारे प्रदान केलेल्या विविध टॅगचा संपूर्ण संच असूनही, डिझाइनिंगसाठी css हे अधिक सोयीचे आणि लवचिक साधन आहे. देखावाफॉन्ट

सामग्रीचे स्वरूपन करण्यासाठी वापरलेले मुख्य गुणधर्म आहेत: फॉन्टआणि त्याचे घटक: मजकूर सजावट.

आधी ते पाहू फॉन्ट. या सार्वत्रिक पॅरामीटर, ज्यामुळे तुम्ही एकाच वेळी अनेक मूल्ये सेट करू शकता. याव्यतिरिक्त, प्रत्येक पॅरामीटर त्याच्या स्वतःच्या कीवर्डसह कार्य करतो.

मालमत्तेचे नाव कीवर्ड
फॉन्ट-कुटुंब मानक फॉन्ट कुटुंब म्हणून स्थापित केले जाऊ शकते:

· सेरिफशिवाय (sans-serif);

· पुरातन (सेरिफ);

सजावटीचे (कल्पना);

· तिर्यक (अभिशाप);

मोनोस्पेस (मोनोस्पेस),

मानक विद्यमान शैली (एरियल, कॅलिब्री इ.) आहेत.
अक्षराचा आकार चिन्हांचा परिपूर्ण आकार सेट करण्यासाठी, खालील नोटेशन्स वापरल्या जातात: xx-लहान, x-लहान, लहान, मध्यम, मोठे, x-मोठे, xx-मोठे. आपण एक अद्वितीय मूल्य देखील निर्दिष्ट करू शकता.
फॉन्ट-वजन मजकूर शैलीच्या संपृक्ततेसाठी जबाबदार. श्रेणीतील बदल किंवा सामान्य, ठळक, फिकट किंवा ठळक शब्द वापरून निर्दिष्ट केले जातात.
फॉन्ट-व्हेरिएंट वापरून अक्षरांचे प्रतिनिधित्व निर्दिष्ट करते कीवर्ड: स्मॉल-कॅप्स, सामान्य किंवा वारसा.
अक्षरशैली सामान्य, तिरकस, तिर्यक किंवा वारसा पालक सेट करते.
फॉन्ट-स्ट्रेच अक्षरांची घनता दर्शवते. खालील मूल्ये निर्दिष्ट केली जाऊ शकतात: अल्ट्रा-कंडेन्स्ड, अल्ट्रा-विस्तारित, अतिरिक्त-कंडेन्स्ड, अतिरिक्त-विस्तारित, अर्ध-कंडेन्स्ड, अर्ध-विस्तारित, सामान्य, विस्तारित, घनरूप आणि वारसा.

मालमत्ता मजकूर सजावटमजकूर सजवण्यासाठी मदत करते अतिरिक्त घटक, जसे की अंडरस्कोर ( अधोरेखित), स्ट्राइकथ्रू ( लाइन-थ्रू), ओव्हरलाइन ( ओव्हरलाइन), आणि पालकांच्या पॅरामीटर्सचा वारसा देखील मिळवा ( वारसा) किंवा सर्व नोंदणी रद्द करा ( काहीही नाही).

आता दुसऱ्या उदाहरणाची वेळ आली आहे. मी आधीचा कोड घेतला आणि तो वापरून फॉरमॅट केला म्हणजे css. तर, शीर्षक सावलीने सजवले गेले होते (मालमत्ता वापरून मजकूर-सावली) आणि ( सीमा-रंग). त्याच वेळी, मी एक शब्द मोठा केला. मलाही पॅरामीटर वापरायचे होते अपारदर्शकतासबटायटलची पारदर्शकता सेट करण्यासाठी.

वापरून मजकूर स्वरूपित करणे <a href="https://cdd-evo.ru/mr/css-prokrutka-spiska-svoistva-css-overflow-hidden-visible-auto-scroll-i-ego-raznovidnosti/">css गुणधर्म</a>

नाव पहिलाशीर्षलेख

पारदर्शक उपशीर्षक!

येथे स्थित आहे पहिलापरिच्छेद वर्तमानउदाहरण स्पष्टतेसाठी हे शब्दतिर्यक मध्ये लिहिले जाईल.



लेखकाकडून: webformyself मध्ये आपले स्वागत आहे. माहिती म्हणजे आपण सर्वजण ज्यासाठी इंटरनेट वापरतो. योग्यरित्या निवडलेला फॉन्ट चांगल्या आकलनासाठी अनुमती देतो मजकूर माहिती, जे काही संसाधनांवरील लोकांची निष्ठा वाढवते. आज साइटवर फॉन्ट कसा बदलायचा ते शोधूया.

पॅरामीटर्स कसे बदलावे

हे लगेच लक्षात घेण्यासारखे आहे की मजकूर बदलणे म्हणजे त्याचे पॅरामीटर्स बदलणे किंवा फॉन्टचे नाव बदलणे असे समजले जाऊ शकते, ज्यानंतर अक्षरे आणि चिन्हे पूर्णपणे भिन्न दिसतील. पहिल्या प्रकरणात, तो फक्त एक वेगळा रंग घेईल, अधिक ठळक किंवा तिर्यक होईल.

मजकूरासह कार्य करण्यासाठी CSS गुणधर्म वापरून असे पॅरामीटर बदलले जाऊ शकतात. नवशिक्यांसाठी तुम्ही आमच्या CSS ट्यूटोरियलमध्ये त्यांच्याबद्दल अधिक जाणून घेऊ शकता.

फॉन्ट कसे बदलायचे

आणि आम्ही आजच्या आमच्या मुख्य प्रश्नाकडे जाऊ. अशा बदलांसाठी आपल्याला पुन्हा आवश्यक असेल css ज्ञानकिमान साठी मूलभूत पातळी. फॉन्ट बदलण्यासाठी, आम्हाला आवश्यक असलेल्या घटकासाठी गुणधर्म लिहिणे आवश्यक आहे:

JavaScript. जलद सुरुवात

फॉन्ट-फॅमिली: नाव;

फॉन्ट - कुटुंब : नाव;

उदाहरणार्थ, जर तुम्हाला ते संपूर्ण साइटसाठी बदलायचे असेल, तर तुम्हाला स्टाईल शीटमध्ये (सामान्यतः style.css) बॉडी सिलेक्टर शोधण्याची आवश्यकता आहे. सहसा त्यात अनेक फॉन्ट निर्दिष्ट केलेले असतात. कोलन नंतर जो प्रथम येतो तो प्रथम वापरला जाईल. काही कारणास्तव ते लोड होण्यात अयशस्वी झाल्यास, वापरण्यासाठी उपलब्ध असलेला फॉन्ट सापडेपर्यंत ब्राउझर दुसरा निवडेल आणि असेच. हा क्षण.

तुम्हाला माहित असले पाहिजे की तथाकथित मानक फॉन्ट आहेत जे कोणत्याही OS वर उपलब्ध आहेत आणि ते कोणत्याही भीतीशिवाय वापरले जाऊ शकतात. उदाहरणार्थ, हे Arial, Times New Roman, Tahoma, इ. अधिक विश्वासार्हतेसाठी, सूचित केल्यानंतर विशिष्ट नावतुम्ही स्वल्पविरामाने विभक्त केलेले फॉन्ट कुटुंब निर्दिष्ट करू शकता. या प्रकरणात, निवडलेली शैली उपलब्ध नसल्यास, ब्राउझर कुटुंबातील प्रथम इष्टतम एक निवडेल.

फॉन्ट-फॅमिली: एरियल, "टाइम्स न्यू रोमन", सॅन्स-सेरिफ;

फॉन्ट - फॅमिली: एरियल, "टाइम्स न्यू रोमन", सॅन्स - सेरिफ;

या उदाहरणात, एरियल फॉन्ट प्रथम बदलला जाईल. जर ते सापडले तर ते वापरले जाईल. नसल्यास, ब्राउझर टाइम्स न्यू रोमन शोधेल. तसे, जर फॉन्टच्या नावात अनेक शब्द असतील तर त्याकडे लक्ष द्या. मध्ये समाविष्ट करणे आवश्यक आहे दुहेरी अवतरण.

स्वल्पविरामाने विभक्त केलेले, आम्ही "sans serif" फॉन्ट कुटुंब सूचित केले. फक्त बाबतीत. खालील देखील आहेत: सेरिफ (सेरिफ), कर्सिव्ह (इटालिक), मोनोस्पेस (मोनोस्पेस), कल्पनारम्य (सजावटीचे). प्रत्येक कुटुंब त्याच्या स्वतःच्या हेतूंसाठी. उदाहरणार्थ, माहिती वाचण्यासाठी मुख्य फॉन्ट म्हणून सॅन्स सेरिफ निवडणे चांगले.

कोट्ससाठी तुम्ही आउटपुटसाठी, तिर्यक मजकूर वापरू शकता मशीन कोड- मोनोस्पेस. शेवटी, विविध शीर्षके वापरून शैलीबद्ध करणे आवडते सजावटीचे फॉन्ट.

साइटवर नवीन फॉन्ट कसा अपलोड करायचा?

होय, तुम्हाला अशी संधी आहे. हे करण्यासाठी, मी तुम्हाला तुमच्या विषयात त्वरित तयार करण्याचा सल्ला देतो फॉन्ट फोल्डर, भविष्यात तुम्ही तेथे कनेक्ट केलेले सर्व फॉन्ट ठेवाल. सर्वसाधारणपणे, मी जास्त कनेक्ट करण्याची शिफारस करत नाही.

वास्तविक, मला साइटवर नवीन फॉन्ट जोडण्याचे दोन मार्ग दिसत आहेत:

सेवा वापरा Google फॉन्ट. येथे तुम्ही तुम्हाला आवडणारा फॉन्ट निवडू शकता आणि ते साइटशी पटकन कनेक्ट करू शकता. या प्रकरणात, क्र अतिरिक्त फोल्डर्सआपल्याला कनेक्ट करण्याची आवश्यकता नाही - सर्व काही सेवा संचयनातून लोड केले जाईल, परंतु डाउनलोड गती थोडी कमी होईल. म्हणूनच मी तुम्हाला जास्त कनेक्ट करण्याचा सल्ला देत नाही. कमाल – ३-४ फॉन्ट.

JavaScript. जलद सुरुवात

अन्वेषण JavaScript मूलभूतवर व्यावहारिक उदाहरणवेब अनुप्रयोग तयार करण्यावर

फॉन्ट द्रुतपणे वापरण्यासाठी तुम्हाला कोणते बटण दाबावे लागेल हे स्क्रीनशॉटमध्ये तुम्ही पाहू शकता. तसेच, तुम्हाला ते आवडत असल्यास, तुम्ही ते गमावू नये म्हणून ते तुमच्या संग्रहात जोडू शकता.

वर क्लिक करून जलद वापरसेवा तुम्हाला अनेक कनेक्शन पर्याय आणि फॉन्ट कनेक्ट होण्यासाठी तुम्हाला कॉपी करणे आवश्यक असलेला कोड देईल. मी कनेक्ट करण्याची शिफारस करतो प्रमाणित मार्गानेमाध्यमातून लिंक टॅग.

त्यानंतर, आपण फॉन्ट-फेसद्वारे फॉन्ट वापरू शकता, सेवा आपल्याला त्याचे नाव योग्यरित्या कसे लिहायचे ते सांगेल.

पद्धत दोन: साइटवर अपलोड करा आणि @font-face द्वारे कनेक्ट करा. CSS मध्ये एक विशेष सिंटॅक्स आहे जो तुम्हाला नवीन फॉन्ट जोडण्याची परवानगी देतो. हे करण्यासाठी, तुम्हाला प्रथम ते तुमच्या वेबसाइटवरील काही निर्देशिकेवर अपलोड करावे लागतील. मी एक नवीन तयार करण्याची शिफारस करतो - फॉन्ट. तसेच, तुमच्याकडे आधीच अशी निर्देशिका असू शकते, नंतर त्यामध्ये फायली असलेले फोल्डर टाका. मला ते कुठे मिळेल? बरं, नक्कीच, आम्ही इंटरनेटवर सर्व आवश्यक फॉन्ट डाउनलोड करतो, इतर कुठे?

मी हे लक्षात घेऊ इच्छितो की क्रॉस-ब्राउझर डिस्प्लेसाठी, फाइल किमान अनेक फॉरमॅटमध्ये असणे आवश्यक आहे. म्हणजे, ttf, woff, eot. स्क्रीनशॉटमध्ये आपण एक सामान्य कनेक्शन उदाहरण पाहू शकता:

सर्वात महत्वाची गोष्ट म्हणजे नाव सूचित करणे, तसेच सर्वांसाठी मार्ग उपलब्ध स्वरूपस्वल्पविरामाने विभक्त केलेल्या src गुणधर्म वापरणे.

आता, जिथे तुम्हाला हा फॉन्ट ठेवायचा आहे, फक्त फॉन्ट-फॅमिलीसह ओळ कॉपी करा आणि तिथे ठेवा. आणखी एक दोन जोडणे वाजवी होईल साधे फॉन्टस्वल्पविरामाने विभक्त.

आकार आणि इतर पॅरामीटर्स

बरं, साइटवर फॉन्ट आकार कसा बदलावा? फॉन्ट-आकार गुणधर्म यासाठी जबाबदार आहे आणि आपण पिक्सेल, संबंधित एम युनिट्स, टक्केवारी आणि इतर युनिट्समध्ये मूल्ये निर्दिष्ट करू शकता. वेब डेव्हलपमेंटमध्ये सापेक्ष युनिट्समध्ये परिमाणे सेट करणे चांगले मानले जाते जेणेकरून मजकूर शक्य तितका वाचनीय वाटेल विविध सेटिंग्जअक्षराचा आकार.

फॉन्ट कसा बदलायचा?

वेबसाइट तयार करताना, HTML पृष्ठांच्या विविध भागांसाठी आणि घटकांसाठी मजकूर फॉन्ट नेहमी बदलण्याची आवश्यकता असते, कारण यामुळे साइटवर केवळ विशिष्टता आणि शैली जोडली जात नाही तर माहितीच्या आकलनाची गुणवत्ता देखील सुधारते. एचटीएमएलमध्ये यासाठी विशेष टॅग आहेत, आम्ही त्यांच्याबद्दल बोलू हा धडा, जे या ट्यूटोरियलमधील सर्वात मोठ्यापैकी एक असेल. परंतु, मी तुम्हाला आधी सांगितल्याप्रमाणे, सर्वकाही मनापासून लक्षात ठेवण्याचा प्रयत्न करू नका, करू नका, मुख्य गोष्ट म्हणजे ते शोधणे आणि ते कशाबद्दल आहे हे समजून घेणे. आम्ही बोलत आहोतधड्याच्या प्रत्येक टप्प्यावर.

फॉन्ट शैली बदलत आहे

HTML मध्ये फॉन्ट लेखन शैली बदलण्याचे एकापेक्षा जास्त मार्ग आहेत आणि तुम्हाला हे लवकरच दिसेल. आता काही नवीन टॅग पाहू:

...आणि ...- मजकूर हायलाइट करा धीटफॉन्ट

...आणि ...- मजकूर हायलाइट करा तिर्यक.

...- सुपरस्क्रिप्टमध्ये मजकूर प्रदर्शित करते, उदाहरणार्थ E = mc 2 .

...- सबस्क्रिप्टमध्ये मजकूर दाखवतो, उदाहरणार्थ H 2 SO 4.

हे सर्व टॅग आहेत अंगभूत (इनलाइन, लाइन स्तर), म्हणजे, ते स्वतःच्या आधी आणि नंतर लाइन ब्रेक तयार करत नाहीत, परंतु एका ओळीवर स्थित आहेत. त्यामध्ये फक्त अंगभूत घटक असू शकतात, त्यामुळे ते एकमेकांच्या आत मुक्तपणे नेस्टेड केले जाऊ शकतात. सर्वात महत्वाची गोष्ट म्हणजे विसरू नका योग्य घरटे बांधणे: आधी उघडलेला टॅग नंतर बंद करावा.

मला वाटते की तुमच्या लक्षात आले आहे की ठळक आणि तिर्यक साठी प्रत्येकी दोन टॅग आहेत. वस्तुस्थिती अशी आहे की सामान्य ब्राउझर या टॅगची सामग्री तशाच प्रकारे प्रदर्शित करतात, परंतु नॉन-व्हिज्युअल (व्हॉइस) ब्राउझर विशेषतः आतील मजकूरावर जोर देऊ शकतात. आणि . म्हणूनच, जर तुम्हाला वाचकांना आकर्षित करण्यासाठी काही शब्द किंवा वाक्ये हायलाइट करायची असतील, तर हे टॅग वापरणे चांगले आहे, तथापि, त्यानुसार मोठ्या प्रमाणात, फरक नाही.

तुम्ही विचारू शकता: "परंतु HTML मधील मजकूर हायलाइट करण्यासाठी वरील टॅग खरोखरच वापरता येतील का?" बरं नक्कीच नाही! टॅग देखील आहेत आणि , मजकूर तसेच टॅग अधोरेखित करणे , स्ट्राइकथ्रू मजकूर प्रदर्शित करत आहे. परंतु, तुम्ही पाहता, हे टॅग एचटीएमएलमध्ये नापसंत केले गेले आहेत आणि ते जसे संरेखित गुणधर्म, ब्राउझरना लवकरच समजणार नाही. म्हणून, मी तुम्हाला आणखी एक पद्धत दाखवतो जी तुम्ही न घाबरता वापरू शकता. आणि ते अर्जात आहे शैली गुणधर्म, आणि ते सूचित करण्यास परवानगी आहे कोणत्याही टॅगच्या आत. सामान्य वाक्यरचना खालीलप्रमाणे आहे:

<тег style="text-decoration:underline" >... - मजकूरावर जोर देते.

<тег style="text-decoration:overline" >... - मजकूर अधोरेखित करा.

<тег शैली = "मजकूर-सजावट: लाइन-थ्रू">... - मजकूर ओलांडतो.

फॉन्ट शैली बदलण्याचे उदाहरण

फॉन्ट शैली बदलत आहे

ठळक फॉन्ट. तिर्यक.

ठळक तिर्यक.

एच 2 SO 4- सल्फ्यूरिक ऍसिडचे सूत्र तिर्यकांमध्ये लिहिलेले आहे.

मजकूराचा अधोरेखित परिच्छेद.

साधा मजकूर, ठळकपणे पार केले.



ब्राउझरमध्ये परिणाम

आता मी शैली गुणधर्माबद्दल एक स्पष्टीकरण देऊ इच्छितो. शैली ही पूर्णपणे सामान्य टॅग विशेषता आहे, परंतु ती त्याच्याशी संबंधित आहे कॅस्केडिंग टेबलशैली (CSS). दूरच्या भूतकाळात, संपूर्ण HTML पृष्ठाची रचना करण्यासाठी सर्व कार्ये आणि बाह्य प्रतिनिधित्वप्रत्येक घटक स्वतंत्रपणे (रंग, आकार, पृष्ठावरील स्थान इ.) HTML भाषेने ताब्यात घेतला. पण नंतर भाषा विकसकांनी ही फंक्शन्स वेगळी करण्याचा निर्णय घेतला आणि CSS तयार केली. त्यानुसार अनेक टॅग किंवा टॅग विशेषता कालबाह्य झाल्या आहेत. म्हणून, तुम्हाला त्रास होऊ नये म्हणून अनावश्यक माहिती, या ट्यूटोरियलमध्ये मी त्यांना शैलीने बदलले आहे, म्हणजे, शैली गुणधर्म. त्याची सामान्य वाक्यरचना खालीलप्रमाणे आहे:

<тег शैली = "CSS गुणधर्म:मूल्य">...

स्टाईल वापरून तुम्ही अजिबात गमावणार नाही, परंतु तुम्ही सक्षम HTML लिहायला शिकाल आणि बोनस म्हणून तुम्ही थोडे CSS मध्येही प्रभुत्व मिळवाल.

टॅग करा किंवा आवश्यक टॅग नसताना काय करावे

बरं, आतापर्यंत सर्व काही स्पष्ट आहे का? ठीक आहे, मग एक प्रश्न. उदाहरणार्थ, तुम्हाला संपूर्ण परिच्छेद नाही तर केवळ अर्धा मजकूर ओलांडायचा असेल आणि तो ठळक किंवा तिर्यक न बनवायचा असेल तर तुम्ही काय कराल? बरं, काळजी करू नका, एक अतिशय सोयीस्कर आणि आवश्यक टॅग तुम्हाला येथे मदत करेल.

तर, भेटा.... हा टॅग देखील आहे अंगभूत (इनलाइन, लाइन स्तर)आणि कोणतेही अंगभूत टॅग असू शकतात, परंतु ही मुख्य गोष्ट नाही. माझ्या स्वत: च्या , विशेषतांशिवाय, मजकूर किंवा त्यातील टॅगमध्ये कोणतेही बदल जोडत नाही. आणि हे विशेषतः शैलींसाठी तयार केले गेले होते, म्हणजे, मूलत: शैली गुणधर्मासाठी. हे या गुणधर्माबद्दल किंवा त्याऐवजी ते धन्यवाद आहे भिन्न अर्थ, y काही गुणधर्म दिसतात. बस्स, आता उदाहरणाचा अभ्यास करूया.

SPAN टॅग वापरण्याचे उदाहरण

SPAN टॅग वापरणे

बदल न करता साधा मजकूर.

अधिक साधा मजकूर. तणावग्रस्त. पार केले.



ब्राउझरमध्ये परिणाम

बदल न करता साधा मजकूर.

अधिक नियमित मजकूर. तणावग्रस्त. पार केले.

फॉन्टचे नाव (टाइपफेस) बदलणे

फॉन्टचे नाव काय आहे हे माहित नाही? तुमच्यापैकी अनेकांनी किमान एकदा मजकूर टाइप केला असेल मायक्रोसाॅफ्ट वर्डकिंवा ओपनऑफिस लेखकआणि हा मेनू पाहिला:

ही फॉन्टची नावे आहेत जी तुमच्या संगणकावर उपलब्ध आहेत आणि केवळ Word किंवा Writer द्वारेच नव्हे तर ब्राउझरसह इतर अनेक अनुप्रयोगांद्वारे देखील वापरली जातात. फॉन्टचे नाव (टाइपफेस) त्याचे डिझाइन स्वतःच ठरवते, जे एका फॉन्टला दुसऱ्या फॉन्टपासून वेगळे करते.

मी कोणतेही विदेशी फॉन्ट वापरण्याची जोरदार शिफारस करत नाही, कारण ते आपल्या साइटला भेट देणाऱ्या व्यक्तीच्या संगणकावर नसतील आणि नंतर अक्षरांऐवजी त्याला भिन्न फॉन्ट दिसतील. विचित्र चिन्हेकिंवा चौरस. जवळजवळ प्रत्येक वापरकर्त्याच्या संगणकावर असलेल्या सर्वात सामान्य फॉन्टची यादी येथे आहे:

डीफॉल्टनुसार, जवळजवळ सर्व ब्राउझर "टाइम्स न्यू रोमन" फॉन्ट वापरतात आणि ते बदलण्यासाठी, समान शैली विशेषता वापरली जाते, जी लागू केली जाऊ शकते. कोणत्याही टॅगच्या आत. निर्दिष्ट करण्यासाठी सामान्य वाक्यरचना आहे:

<тег शैली = "फॉन्ट-फॅमिली:फॉन्टचे नाव, कुटुंब">...

जर फॉन्टच्या नावात अनेक शब्द असतील तर ते एकल अवतरणांमध्ये संलग्न केले जाणे आवश्यक आहे. एक नाही तर स्वल्पविरामाने विभक्त केलेली अनेक फॉन्ट नावे निर्दिष्ट करण्याची परवानगी आहे आणि नंतर, जर पहिला फॉन्ट संगणकावर नसेल, तर दुसरा, तिसरा इ. वापरला जाईल. परंतु शेवटी, संपूर्ण फॉन्ट कुटुंबाचे नाव टाकण्याची खात्री करा, या प्रकरणात, ब्राउझरला एकच फॉन्ट आढळला नाही, तर तो या कुटुंबासाठी सर्वात योग्य फॉन्ट वापरेल.

संपूर्ण पृष्ठावरील फॉन्ट बदलण्यासाठी, फक्त टॅगमध्ये शैली विशेषता निर्दिष्ट करा . आणि जर तुम्हाला मजकूराच्या वेगळ्या भागासाठी फॉन्ट बदलण्याची आवश्यकता असेल तर ते टॅगमध्ये बंद करा आणि त्यास विशेषता लागू करा.

फॉन्ट नावे बदलण्याचे उदाहरण

फॉन्टची नावे बदलत आहे

हा एरियल फॉन्ट आहे, जर तो तेथे नसेल तर वर्डाना आणि जर तो नसेल तर इतर कोणताही सॅन्स-सेरिफ.

हे कॉमिक सॅन्स एमएस किंवा कोणतेही कर्सिव्ह आहे.

हे पुन्हा Arial, Verdana किंवा कोणतेही sans-serif आहे. आणि हे कुरियर किंवा कोणतेही मोनोस्पेस आहे.



ब्राउझरमध्ये परिणाम

बरं, तुम्ही उदाहरण शोधले आहे का? मी एक स्पष्टीकरण देईन, ज्याची समज भविष्यात तुमचे जीवन खूप सोपे करेल, जरी मला वाटते की अनेकांनी आधीच अंदाज लावला आहे. तर, जर टॅग एकमेकांमध्ये नेस्ट केलेले असतील आणि त्यापैकी बरेच त्याच प्रकारचे बदल करा(उदाहरणार्थ, ते फॉन्टचे नाव बदलतात), नंतर डिसेंडंट टॅग पूर्वज टॅगचे गुणधर्म ओव्हरराइड करतात. नेस्टेड टॅग लागू केल्यास विविध बदल, मग ते एकमेकांना पूरक आहेत, इतकेच.

फॉन्ट आकार बदलत आहे

एचटीएमएल भाषा केवळ सात फॉन्ट आकारांपुरती मर्यादित आहे, जी तुम्ही पाहता, चांगल्या वेबसाइटसाठी खूपच लहान आहे. म्हणूनच प्रत्येकजण बर्याच काळापासून आकार बदलण्यासाठी CSS वापरत आहे आणि आता तुम्ही ते देखील शिकाल.

CSS मध्ये मोजमापाची सुमारे दहा एकके आहेत, परंतु आम्ही फक्त तीन सर्वात लोकप्रिय - पॉइंट्स (pt), पिक्सेल (px) आणि टक्केवारी (%) पाहू. त्यामुळे:

  • pt- गुण. एक बिंदू एका इंचाच्या 1/72 च्या बरोबरीचा आहे आणि एक इंच 2.54 सेमी आहे. म्हणून, 1pt = 0.03527778cm. या परिपूर्ण मूल्य, कारण बिंदूंमध्ये निर्दिष्ट केलेला आकार कशावरही अवलंबून नाही.
  • px- पिक्सेल. संगणक मॉनिटर पिक्सेलमध्ये मोजले. पिक्सेल हा मॉनिटरवरील सर्वात लहान बिंदू आहे आणि तो सापेक्ष मूल्य आहे, कारण त्याचा आकार यावर अवलंबून असतो वर्तमान ठरावस्क्रीन आणि मॉनिटरचा स्वतःचा आकार.
  • % - व्याज. त्याची टक्केवारी म्हणून गणना केली जाते, जिथे 100% हे मूळ टॅगचे मूल्य म्हणून घेतले जाते आणि ते निर्दिष्ट केलेले नसल्यास, ब्राउझरमधील डीफॉल्ट मूल्य. हे देखील एक सापेक्ष मूल्य आहे, कारण मूळ फॉन्ट आकार पूर्णपणे भिन्न असू शकतो आणि वापरकर्ते ब्राउझरमध्ये मुक्तपणे फॉन्ट आकार बदलू शकतात.

फॉन्ट आकार निर्दिष्ट करण्यासाठी, शैली विशेषता वापरली जाते आणि निर्दिष्ट केली जाऊ शकते कोणत्याही टॅगच्या आत. सामान्य वाक्यरचना आहे:

<тег style="font-size:size">...

फॉन्ट नावांप्रमाणे, संपूर्ण पृष्ठावरील फॉन्ट आकार बदलण्यासाठी, फक्त टॅगमध्ये शैली विशेषता निर्दिष्ट करा . आणि जर तुम्हाला मजकूराच्या तुकड्यासाठी फॉन्ट बदलण्याची आवश्यकता असेल तर ते टॅगमध्ये बंद करा आणि त्यास विशेषता लागू करा.

फॉन्ट आकार बदलण्याचे उदाहरण

फॉन्ट आकार बदलत आहे

हा फॉन्ट आकार डीफॉल्ट ब्राउझर आकाराच्या 90% आहे.

हा आकार बॉडी टॅगमधील आकाराच्या 90% आहे.

शीर्षकाचा फॉन्ट आकार शरीराच्या आकाराच्या 120% आहे.

हे पुन्हा ब्राउझरमधील डीफॉल्ट आकाराच्या 90% आहे. हा फॉन्ट आकार 15 गुणांचा आहे.



ब्राउझरमध्ये परिणाम

हा फॉन्ट आकार डीफॉल्ट ब्राउझर आकाराच्या 90% आहे.

हा आकार शरीराच्या आकाराच्या 90% आहे.

शीर्षकाचा फॉन्ट आकार शरीराच्या आकाराच्या 120% आहे.

हे पुन्हा ब्राउझरमधील डीफॉल्ट आकाराच्या 90% आहे. हा फॉन्ट आकार 15 गुणांचा आहे.

फॉन्टचा आकार केवळ त्याच्या स्पष्ट संकेतावर अवलंबून नाही तर त्याच्या नावावर (टाइपफेस) देखील अवलंबून असतो - भिन्न फॉन्टअक्षरांची उंची आणि रुंदी तसेच अक्षरांमधील अंतर पूर्णपणे भिन्न असू शकते.

शैली गुणधर्माबद्दल थोडे अधिक

या अद्भुत गुणधर्माचे आणखी एक रहस्य सांगण्याची वेळ आली आहे, परंतु पुन्हा मी तुम्हाला एक प्रश्न विचारतो. जर तुम्हाला एरियल फॉन्ट नावाचा संपूर्ण परिच्छेद 80% आकाराने सेट करावा लागला तर तुम्ही काय कराल? आणि मी तुम्हाला सांगेन, तुम्ही असे काहीतरी लिहाल:

परिच्छेद मजकूर.

परिच्छेद मजकूर.

किंवा अगदी यासारखे.

परिच्छेद मजकूर.

मी बरोबर आहे? बरं, जर पहिले दोन पर्याय तत्त्वतः बरोबर असतील, तर शेवटचा पर्याय सामान्यतः एक त्रुटी आहे, कारण, जर तुम्हाला आठवत असेल, तर एका टॅगमध्ये दोन समान गुणधर्म असू शकत नाहीत. आता हे लक्षात ठेवण्याची वेळ आली आहे की शैली ही केवळ एक विशेषता नाही तर एक CSS विशेषता आहे. हे पहा:

परिच्छेद मजकूर.

खूप सोपे, बरोबर? सर्वात महत्त्वाची गोष्ट म्हणजे शेजारील शैलींमध्ये अर्धविराम (;) टाकणे आणि ही सर्व सामग्री दुहेरी अवतरण (" ") मध्ये ठेवणे विसरू नका, अन्यथा फक्त पहिली शैली लागू केली जाईल आणि ब्राउझर उर्वरित गोष्टींकडे दुर्लक्ष करेल. बरं, आम्ही नेहमी दुहेरी कोट ठेवतो, बरोबर?

तर, हा धडा खूप तीव्र निघाला, म्हणून करा गृहपाठआणि थोडा विश्रांती घ्या.

गृहपाठ.

  1. लेख आणि त्याच्या दोन विभागांसाठी शीर्षक तयार करा, परंतु विभाग शीर्षके देखील अधोरेखित करा.
  2. जेव्हा तुम्ही लेखाच्या शीर्षकावर माउस फिरवता तेव्हा एक संबंधित मथळा दिसेल याची खात्री करा.
  3. लेखाच्या सुरुवातीला एक परिच्छेद आणि प्रत्येक विभागात दोन परिच्छेद लिहा.
  4. डीफॉल्ट ब्राउझर आकाराच्या 90% वर संपूर्ण पृष्ठ एरियल फॉन्टवर सेट करा.
  5. सर्व शीर्षके Times फॉन्टवर सेट करा आणि लेखाचे शीर्षक 150% फॉन्ट आकारावर आणि उपशीर्षकांना 120% वर सेट करा.
  6. पहिल्या परिच्छेदात, दोन शब्द ठळक आणि एक तिर्यकांमध्ये हायलाइट करा. दुसऱ्यामध्ये - ठळक तिर्यकांमध्ये अनेक शब्दांचा वाक्यांश. तिसऱ्यामध्ये, इटालिकमध्ये वाक्यांश अधोरेखित करा. चौथ्यामध्ये, वाक्यांशाचा अर्धा भाग ठळकपणे क्रॉस करा.
  7. शेवटच्या परिच्छेदात अल्कोहोल सूत्र लिहा: C 2 H 5 OH.

तुम्ही CSS गुणधर्म वापरून वेगवेगळे फॉन्ट सेट करू शकता विविध घटकवेब पृष्ठे, तसेच त्यांची शैली, आकार, रंग आणि इतर मापदंड निर्दिष्ट करा.

उपलब्ध गुणधर्म पाहू.

फॉन्ट-कुटुंब

मजकूर कोणत्या फॉन्टमध्ये लिहिला जाईल हे निर्धारित करण्यास आपल्याला अनुमती देते. CSS मध्ये फॉन्ट गट करण्यासाठी दोन प्रकारची नावे वापरली जातात: सामान्य कुटुंबआणि कुटुंबाचे नाव.

सामान्य कुटुंबपाच मूलभूत फॉन्ट कुटुंबे आहेत जी जवळजवळ कोणत्याही संगणकावर आढळू शकतात.

  • sans-serif- sans serif फॉन्ट. त्यांनी लिहिलेला मजकूर इतरांपेक्षा चांगला समजला जातो.
  • सेरिफ- सेरिफ फॉन्ट.
  • मोनोस्पेस- फॉन्ट ज्यांचे वर्ण आहेत निश्चित रुंदी. ते सहसा प्रोग्राम कोड प्रदर्शित करण्यासाठी वापरले जातात.
  • अभिशाप- हस्तलिखित फॉन्ट.
  • कल्पनारम्य- सजावटीचे (कलात्मक) फॉन्ट.

कुटुंबाचे नावकुटुंब नाही तर एक फॉन्ट परिभाषित करते: “एरियल ब्लॅक”, वर्डाना.

मालमत्ता मूल्ये म्हणून फॉन्ट-कुटुंबकुटुंबे आणि फॉन्ट स्वल्पविरामाने विभक्त केले आहेत. सूचीतील पहिला फॉन्ट वापरकर्त्याच्या PC वर स्थापित केला आहे की नाही हे ब्राउझर निर्धारित करते आणि तसे असल्यास, तो त्यातील मजकूर प्रदर्शित करतो, नसल्यास, तो पुढील फॉन्टवर जातो, इत्यादी अनेक शब्दांचे (एक जागा असते), नंतर ते अवतरण चिन्हांमध्ये ठेवले पाहिजे.

H1 (फॉन्ट-फॅमिली: एरियल, सॅन्स-सेरिफ;) h2 (फॉन्ट-फॅमिली: "टाइम्स न्यू रोमन", सेरिफ; )

अक्षरशैली

तिरपे सेट करते (मूल्य तिर्यक), तिरकस ( तिरकस) किंवा मानक ( सामान्य) मजकूर शैली.

अक्षरशैली

तिर्यक मजकूर.

तिर्यक मजकूर.

सामान्य मजकूर शैली.



असे पृष्ठ तयार करते:

अक्षराचा आकार

एक महत्त्वाची मालमत्ता जी फॉन्ट आकार निर्धारित करते. हे वेगवेगळ्या प्रकारे निर्दिष्ट केले जाऊ शकते.

  • पिक्सेल (px).ते बर्याचदा वापरले जातात कारण ते आपल्याला शक्य तितक्या अचूकपणे आकार निर्दिष्ट करण्याची परवानगी देतात. डीफॉल्टनुसार, ब्राउझर 16 पिक्सेलवर मजकूर प्रदर्शित करतो.

P (फॉन्ट-आकार: 12px; )

कृपया लक्षात ठेवा: मोजमापाची संख्या आणि एकके यांच्यामध्ये जागा नसावी.

  • टक्केवारी (%).फॉन्ट आकारानुसार गणना केली जाते मूळ घटक. जर पालकाने ते डीफॉल्टनुसार सेट केले असेल, तर तुम्ही सुमारे 16 पिक्सेल लक्षात ठेवू शकता आणि त्यांना 100% म्हणून घेऊ शकता.

P (फॉन्ट-आकार: 120%;)

  • गुण (pt).तसेच खूप वेळा वापरले. शिवाय, जेव्हा तुम्ही फॉन्ट आकार सेट करून नंबर निवडता मजकूर संपादक(शब्द, नोटपॅड, नोटपॅड इ.), नंतर बिंदू देखील वापरा.

P (फॉन्ट-आकार: 15pt; )

  • सापेक्ष फॉन्ट उंची (em). पालकांची फॉन्ट उंची एक म्हणून घेतली जाते आणि वर्तमान घटकाच्या फॉन्टची उंची त्याच्याशी संबंधित सेट केली जाते.

P (फॉन्ट-आकार: 1.2em; )

  • स्थिरांक. असे मानले जाते की मूल्ये xx-लहान, x-लहान, लहान, मध्यम, मोठे, x-मोठा, xx-मोठा(सर्वात लहान ते सर्वात मोठे) सेट परिपूर्ण आकारफॉन्ट, जरी खरं तर, ते वापरताना, आकार अद्याप ऑपरेटिंग सिस्टम आणि ब्राउझरच्या सेटिंग्जवर अवलंबून असेल. सापेक्ष स्थिरांक देखील आहेत: लहान(लहान) आणि मोठे(मोठा), जे मूळ घटकाच्या सापेक्ष फॉन्टला लहान किंवा मोठा करते.

P (फॉन्ट-आकार: x-मोठा; )

  • मोजमापाची इतर एकके.फॉन्ट सेट करण्यासाठी तुम्ही CSS मध्ये उपलब्ध असलेली प्रत्येक गोष्ट वापरू शकता: millimeters ( मिमी), सेंटीमीटर ( सेमी), इंच ( मध्ये), शिखरे ( pc, 1 pc = 12 pt), वर्ण आकार x (उदा).

P (फॉन्ट-आकार: 1.5pc; )

फॉन्ट-व्हेरिएंट

दोन अर्थ देतात:

  • लहान टोपी. लोअर केसलहान कॅपिटलमध्ये बदला.
  • सामान्य. साधा मजकूर.

फरक समजून घेण्यासाठी, ते एकदा पाहणे चांगले आहे:

H1 (फॉन्ट-व्हेरिएंट: स्मॉल-कॅप्स; ) h2 (फॉन्ट-व्हेरिएंट: सामान्य; )

फॉन्ट-वजन

फॉन्टच्या संपृक्ततेवर (धैर्य) परिणाम होतो. मूल्ये असू शकतात:

  • शंभरच्या वाढीमध्ये 100 ते 900 पर्यंत संख्या.त्यांच्या मदतीने, आपण चरबी सामग्री सर्वात अचूकपणे सेट करू शकता. संपृक्तता सामान्य फॉन्ट, जे तुम्ही सहसा पृष्ठांवर पाहता, ते मूल्य 400 च्या बरोबरीचे असते, ठळक 700 असते. समस्या अशी आहे की अनेक ब्राउझर या संपूर्ण श्रेणीला समर्थन देत नाहीत आणि म्हणून वापर संख्यात्मक मूल्येअनेकदा अर्थहीन आहे.
  • सामान्य. नियमित फॉन्ट.
  • धीट. शैली बोल्ड वर सेट करते.

Div (फॉन्ट-वजन: ठळक;)

  • ठळक आणि फिकट.मूळ मजकूर फॉन्टपेक्षा फॉन्टला अनुक्रमे ठळक किंवा पातळ बनवते.

रंग

फॉन्ट रंग निर्दिष्ट करते. खालील प्रकारे सेट केले जाऊ शकते

  • नावाने.रंगांची नावे दर्शविण्यासाठी राखीव शब्द वापरले जातात (उदाहरणार्थ, निळा- निळा, पिवळा- पिवळा). सर्वात सोपी, परंतु त्याच वेळी सर्वात मर्यादित पद्धत, कारण ती केवळ 140 रंगांना समर्थन देते, जरी सामान्यतः त्यापैकी पुरेसे असतात.

पी (रंग: लाल;)

  • द्वारे हेक्साडेसिमल कोड(HEX).हेक्साडेसिमल नंबर सिस्टीममध्ये 16 अंकांचा समावेश आहे, त्यातील शेवटचे सहा अक्षरांद्वारे सूचित केले जातात लॅटिन वर्णमाला A पासून F पर्यंत, आणि दशांश संख्याया प्रणालीमध्ये 255 FF असे लिहिले आहे. तुम्हाला माहिती आहे की, सर्व रंग फक्त तीन मिश्रण करून तयार केले जातात: लाल, हिरवा आणि निळा. त्या प्रत्येकाच्या उपस्थितीची डिग्री 0 ते 255 पर्यंतच्या संख्येद्वारे निर्दिष्ट केली आहे, त्यात लिहिलेले आहे हेक्साडेसिमल प्रणाली. नंबरच्या आधी हॅश चिन्ह आहे ( # ). पांढरा रंग - #000000 , काळा - #ffffff.

खालील उदाहरण परिच्छेदाचा रंग राखाडी वर सेट करते:

पी (रंग: #808080;)

  • RGB प्रणाली मध्ये.सर्व समान लाल, हिरवे आणि निळे (लाल, हिरवे, निळे), परंतु स्वल्पविरामाने विभक्त केलेल्या 0 ते 255 पर्यंतच्या संख्येद्वारे आधीच निर्दिष्ट केले आहेत. प्रत्येकाची उपस्थिती तीन रंगटक्केवारी म्हणून देखील व्यक्त केले जाऊ शकते. मग 100% संख्या 255 शी संबंधित असेल.

A (रंग: rgb(0,128,201);)

  • RGBA.सर्व काही आरजीबी प्रमाणेच आहे, फक्त शेवटी 0 ते 1 मधील आणखी एक संख्या जोडली जाते - एक अल्फा चॅनेल, जो मजकूराची पारदर्शकता सेट करतो.

A (रंग: rgba(0,128,201,0.5);)

  • एचएसएल.या स्वरूपातील मूल्य स्वल्पविरामाने विभक्त केलेल्या तीन पॅरामीटर्सद्वारे निर्दिष्ट केले आहे.

1. एच (रंग - सावली).कलर व्हीलवरील रंगावर अवलंबून 0 ते 359° अंशांमध्ये परिभाषित केले आहे (खालील चित्र).

2. एस (संतृप्त - सावली).टक्केवारी म्हणून सूचित केले आहे. हे स्पष्ट आहे की 0 ते 100% पर्यंत, आणि हे स्पष्ट आहे की टक्केवारी जितकी जास्त असेल तितका रंग अधिक संतृप्त होईल.

3. एल (हलकीपणा - चमक).संपृक्ततेप्रमाणेच, ते टक्केवारी म्हणून सेट केले जाते.

A (रंग: hsl(0,100%,100%);)

  • HSLA. HSL प्रमाणेच, परंतु जोडलेल्या अल्फा चॅनेलसह (RGBA सारखे).

A (रंग: hsla(0,100%,100%,0.7);)

फॉन्ट

तुम्हाला एका ओळीत सर्व फॉन्ट गुणधर्म एकत्र करण्याची परवानगी देते आणि त्याद्वारे कोड मोठ्या प्रमाणात कमी करू शकतो. खालील रचना आहे:

फॉन्ट: फॉन्ट-शैली फॉन्ट-व्हेरिएंट फॉन्ट-वजन फॉन्ट-साइज/लाइन-उंची फॉन्ट-फॅमिली

गुणधर्म नेमक्या याच क्रमाने लिहिल्या पाहिजेत (मूल्य सेट न करण्यासाठी, तुम्ही ते वगळू शकता).

येथे एक उदाहरण आहे:

Div (फॉन्ट: oblique small-caps 12pt/1.2 Arial, sans-serif;)

11/27/14 88.7K

html मध्ये फॉन्ट आकार महत्त्वाचा महत्वाची भूमिका. हे आपल्याला वापरकर्त्याचे लक्ष वेधण्याची परवानगी देते महत्वाची माहिती, साइट पृष्ठावर पोस्ट केले. जरी केवळ अक्षरांचा आकारच नाही तर त्यांचा रंग, जाडी आणि अगदी कुटुंब देखील महत्त्वाचे आहे.

एचटीएमएल फॉन्टसह काम करताना टॅग आणि विशेषता

हायपरटेक्स्ट भाषा आहे मोठा संचफॉन्टसह कार्य करण्यासाठी साधने. शेवटी, मजकूर स्वरूपन हे html चे मुख्य कार्य आहे.

निर्मितीचे कारण HTML भाषामजकूर स्वरूपन नियम प्रदर्शित करणाऱ्या ब्राउझरमध्ये समस्या आली.


एचटीएमएल मधील फॉन्ट्ससह काम करण्यासाठी वापरल्या जाणाऱ्या टॅग आणि त्यांचे गुणधर्म पाहू. मुख्य म्हणजे टॅग . त्याच्या गुणधर्मांच्या मूल्यांचा वापर करून, आपण फॉन्टची अनेक वैशिष्ट्ये सेट करू शकता:
  • रंग - मजकूर रंग सेट करते;
  • आकार - पारंपारिक युनिट्समध्ये फॉन्ट आकार.

1 ते 7 पर्यंतची सकारात्मक विशेषता मूल्ये समर्थित आहेत.

  • फेस - टॅगमध्ये वापरला जाणारा मजकूर फॉन्ट फॅमिली सेट करण्यासाठी वापरला जातो . स्वल्पविरामाने विभक्त केलेली अनेक मूल्ये समर्थित आहेत.

फक्त भागांमध्ये स्थित मजकूर फॉरमॅट केला आहे टॅग जोडीफॉन्टउर्वरित मजकूर प्रदर्शित केला जातो मानक फॉन्ट, डीफॉल्टनुसार स्थापित.


तसेच html मध्ये अनेक जोडलेले टॅग आहेत जे फक्त एक स्वरूपन नियम निर्दिष्ट करतात. यात समाविष्ट:
  • - html मध्ये सेट करते ठळक फॉन्ट. टॅग करा मागील कृतीत समान;
  • - आकार डीफॉल्टपेक्षा मोठा आहे;
  • — लहान आकारफॉन्ट;
  • — तिर्यक मजकूर(तिरपे). समान टॅग ;
  • - अधोरेखित मजकूर;
  • - पार केले;
  • - फक्त मध्ये मजकूर प्रदर्शित करा लोअरकेस;
  • - वरच्या बाबतीत.

साधा मजकूर

लघुप्रतिमा

लघुप्रतिमा

नेहमीपेक्षा जास्त

नेहमीपेक्षा कमी

तिर्यक

तिर्यक

अंडरस्कोरसह

पार केले

शैली विशेषता क्षमता

वर्णन केलेल्या टॅग व्यतिरिक्त, html मध्ये फॉन्ट बदलण्याचे आणखी बरेच मार्ग आहेत. त्यापैकी एक म्हणजे सामान्य शैली गुणधर्म वापरणे. त्याच्या गुणधर्मांच्या मूल्यांचा वापर करून, आपण फॉन्ट प्रदर्शन शैली सेट करू शकता:

1) फॉन्ट फॅमिली - प्रॉपर्टी फॉन्ट फॅमिली सेट करते. अनेक मूल्यांची यादी करणे शक्य आहे.
html मध्ये फॉन्ट बदलत आहे पुढील मूल्यजर पूर्वीचे कुटुंब सेट केले नसेल तर होईल ऑपरेटिंग सिस्टमवापरकर्ता.

वाक्यरचना लेखन:

फॉन्ट-फॅमिली: फॉन्ट-नाव [, फॉन्ट-नाव[, ...]]

2) फॉन्ट-आकार – आकार 1 ते 7 पर्यंत सेट केला आहे. HTML मध्ये फॉन्ट वाढवण्याचा हा एक मुख्य मार्ग आहे.
वाक्यरचना लेखन:

फॉन्ट-आकार: परिपूर्ण आकार | सापेक्ष आकार| अर्थ | व्याज | वारसा

आपण फॉन्ट आकार देखील सेट करू शकता:

  • पिक्सेलमध्ये;
  • IN परिपूर्ण मूल्य (xx-लहान, x-लहान, लहान, मध्यम, मोठे);
  • टक्केवारीत;
  • गुणांमध्ये (pt).

फॉन्ट-आकार:7

फॉन्ट-आकार: 24px

फॉन्ट-आकार: x-मोठा

फॉन्ट-आकार: 200%

फॉन्ट-आकार: 24pt


3) फॉन्ट-शैली - फॉन्ट लेखन शैली सेट करते. मांडणी:

फॉन्ट-शैली: सामान्य | तिर्यक | तिरकस | वारसा

मूल्ये:

  • सामान्य - सामान्य शब्दलेखन;
  • तिर्यक - तिर्यक;
  • तिरकस - उजवीकडे तिरकस फॉन्ट;
  • inherit - मूळ घटकाचे स्पेलिंग वारसा मिळवते.

या गुणधर्माचा वापर करून html मध्ये फॉन्ट कसा बदलायचा याचे उदाहरण:

फॉन्ट-शैली: इनहेरिट

फॉन्ट-शैली: तिर्यक

फॉन्ट-शैली: सामान्य

फॉन्ट-शैली:तिरकस


4) फॉन्ट-व्हेरिएंट - सर्वकाही भाषांतरित करते राजधानी अक्षरेराजधान्यांमध्ये. मांडणी:

फॉन्ट-व्हेरिएंट: सामान्य | स्मॉल-कॅप्स | वारसा

या गुणधर्मासह html मध्ये फॉन्ट कसा बदलायचा याचे उदाहरण:

font-variant: inherit

फॉन्ट-व्हेरिएंट:सामान्य

फॉन्ट-व्हेरिएंट:स्मॉल-कॅप्स


5) फॉन्ट-वजन - तुम्हाला मजकूराची जाडी (संपृक्तता) सेट करण्याची परवानगी देते. मांडणी:

फॉन्ट-वजन: ठळक|बोल्डर|हलका|सामान्य

मूल्ये:

  • ठळक - html फॉन्ट ठळक वर सेट करते;
  • ठळक - सामान्य सापेक्ष अधिक ठळक;
  • फिकट - सामान्य तुलनेत कमी संतृप्त;
  • सामान्य - सामान्य शब्दलेखन;
  • 100-900 – फॉन्टची जाडी संख्यात्मक समतुल्य मध्ये सेट करते.

फॉन्ट-वजन: ठळक

फॉन्ट-वजन: ठळक

फॉन्ट-वजन: फिकट

फॉन्ट-वजन:सामान्य

फॉन्ट-वजन: 900

फॉन्ट-वजन:100

html फॉन्ट गुणधर्म आणि फॉन्ट रंग

फॉन्ट ही दुसरी कंटेनर गुणधर्म आहे. स्वतःच्या आत, त्याने फॉन्ट बदलण्याच्या उद्देशाने अनेक गुणधर्मांची मूल्ये एकत्र केली. फॉन्ट वाक्यरचना:

font: font-size font-family | वारसा

मूल्य विविध नियंत्रणांवरील लेबलांमध्ये सिस्टमद्वारे वापरलेल्या फॉन्टवर देखील सेट केले जाऊ शकते:

  • मथळा - बटणांसाठी;
  • चिन्ह - चिन्हांसाठी;
  • मेनू - मेनू;
  • संदेश बॉक्स - संवाद बॉक्ससाठी;
  • लहान-मथळा - लहान नियंत्रणांसाठी;
  • स्टेटस बार - स्टेटस बार फॉन्ट.

फॉन्ट: चिन्ह

फॉन्ट:मथळा

फॉन्ट:मेनू

फॉन्ट:संदेश बॉक्स

लहान-मथळा

फॉन्ट: स्टेटस बार

फॉन्ट:इटालिक 50px बोल्ड "टाइम्स न्यू रोमन", टाइम्स, सेरिफ



आम्ही वाचण्याची शिफारस करतो