तो इस वीडियो को सफलता में फोंट पर ध्यान केंद्रित करने जा रहा है और स्पष्ट रूप से मज़ा आ रहा है और एक वेब पेज के लिए फोंट उठा सच में बहुत महत्वपूर्ण है।
लेकिन हम भी अन्य गुण है कि फोंट के लिए और पाठ करने के लिए संबंधित हैं की एक बहुत कवर करने के लिए जा रहे हैं।
और उन फ़ॉन्ट परिवार फ़ॉन्ट आकार फ़ॉन्ट वजन लाइन ऊंचाई पाठ एक लाइन और पाठ सजावट कर रहे हैं।
तो इस वीडियो में हम बंद करो और उन सभी को कवर करने के लिए जा रहे हैं।
और पहली बात यह है कि हम क्या करने जा रहे हैं कि हम शैली के लिए जा रहे हैं हमारे सरल पाठ को मिल रहा है।
तो मैं एक साधारण दुर्गंध की है कि जिम एम फाइल किया है और मुझे आगे जाना है और अपने मुँह में जोड़ने के लिए जा रहा हूँ।
तो मैं बस एक एच 1 ताकि हम एक शीर्षक और शैली देख सकते हैं क्या करने जा रहा हूँ।
और फिर कुछ पैराग्राफ।
तो मैं बस अभी कुछ यादृच्छिक शब्दों या इस जैसे कुछ jibberish जो वास्तव में सच को प्रतिबिंबित नहीं करता अंग्रेजी भाषा एक पृष्ठ पर की तरह दिखता है क्या लिखने की अपेक्षा इस फ़ॉन्ट के डेमो पृष्ठ और फिर अगले बात फोन करने के लिए जा रहा हूँ।
मैं एक घर के एप्सोम जनरेटर का उपयोग करने के लिए जा रहा हूँ।
तो आप में से जो लोग Lorem Ipsum जनरेटर पता नहीं है यादृच्छिक पाठ अंग्रेजी शब्दों है कि का एक गुच्छा उत्पन्न करने के लिए इस्तेमाल कर रहे हैं।
यह सब पर कुछ भी मतलब नहीं है, लेकिन यह कम से कम वास्तविक शब्दों की तरह लग रहा है।
तो यह प्लेसहोल्डर पाठ है।
इसलिए मुझे लगता है यह एक तरह से अच्छा है या सबसे मज़ेदार Lorem Ipsum जनरेटर के 10 में से हास्यास्पद लेख खुला वेब डिजाइनरों के लिए है।
और मैं सिर्फ इसलिए मैं यहाँ कुछ पैराग्राफ उत्पन्न करने के लिए जा रहा हूँ यह पहली बार एक बेकन ipsum साथ जाने के लिए जा रहा हूँ।
शीघ्र।
मुझे बेकन दीजिए और आप देख सकते हैं कि यह सिर्फ मुझे कुछ पाठ दे।
लेकिन यह असली पाठ है कि वास्तव में एक संभावित आप कुछ आप एक वेब साइट पर होगा पता है की तरह लग रहा है।
यह सिर्फ इस तरह jibberish की तरह नहीं लगती है।
तो यह एक फ़ॉन्ट का एक बेहतर प्रतिनिधित्व है।
इसलिए मुझे आगे जाना है और पेस्ट कि में करने के लिए जा रहा हूँ।
मैं इस से बाहर दो पैराग्राफ बनाने के लिए जा रहा हूँ।
ठीक है।
और हम अब के लिए उस पर छोड़ देंगे और हम वापस आते हैं और एक छोटा सा बाद में जोड़ देंगे।
चलो बस यह ऊपर खुला और देखते हैं कि हम क्या करते हैं।
ठीक।
तो यहाँ एक साइट है कि हम होना स्टाइल और पहली बात यह है कि हम क्या करना चाहते हैं कि कैसे हम वास्तव में कुछ भी बस के लिए एक फ़ॉन्ट आवंटित कर के बारे में बात करते है जा रहे है।
और इससे पहले कि हम भी हम के बारे में क्या फ़ॉन्ट हम भी ब्राउज़र में हमारे पास उपलब्ध है बात करने के लिए ऐसा कर सकते हैं।
तो कोई आसान जवाब है जो एक कंप्यूटर फोंट के रूप में ब्राउज़र में उपलब्ध है।
और उसकी वजह से वे हर मशीन पर अलग कर रहे हैं।
और मैं इस साइट यहां खोलने की है।
वह फोंट ढेर कहते हैं।
यही कारण है कि वास्तव में अगर आप एक मैक या Windows कर रहे हैं पर निर्भर करता है पता चलता है।
क्या उन मशीनों का प्रतिशत कर रहे हैं कि किसी दिए गए फ़ॉन्ट है।
और तो इन मानक वेब फोंट है कि हम समय की एक बहुत देखेंगे में बस की तरह कर रहे हैं।
तो अगर हम Helvetica की तरह एक को देखो आप देख सकते हैं कि हर मैक अमेरिका है लेकिन बहुत कुछ खिड़कियों स्थापित किया है।
और इसलिए इन प्रणाली फोंट है कि एक मशीन पर आ रहे हैं।
तो ये केवल फोंट है कि आप प्रयोग नहीं कर सकते हैं, लेकिन इन कुछ है कि सुरक्षित दांव हैं।
तो अगर आप वह जानता था कि सुनिश्चित करने के लिए हर मशीन पर काम करेगा आप एरियल काला या हवाई तरह ले जाएगा एक चाहते थे।
जाहिर है इन फोंट हालांकि बहुत सीमित हैं।
तो हम देखते हैं कि कैसे हम वास्तव में बाद में इस वीडियो में कस्टम फोंट में शामिल जा रहे हैं।
लेकिन अब के लिए चलो बस इन में से एक उठाओ।
तो चलो एरियल शेरोन एरियल के साथ चलते हैं।
इसलिए का उपयोग करने के लिए है कि हम उस यहाँ आवंटित करने के लिए हमारे पैराग्राफ के लिए जा रहे हैं।
इसलिए हम अपनी सी एस एस जो मैं यहाँ से जुड़ा हुआ है में जाने के लिए जा रहे हैं।
शैलियाँ कि सी एस एस और संपत्ति फ़ॉन्ट परिवार कहा जाता है।
तो मैं पैराग्राफ का चयन करने के लिए जा रहा हूँ और मैं कहना फ़ॉन्ट परिवार बस ऐसे ही एरियल है जा रहा हूँ।
और अगर मैं ताज़ा आपको मैं अब एरियल फ़ॉन्ट यहाँ देखेंगे।
एक त्वरित टिप्पणी मैं भी इस जो आसपास उद्धरण डाल सकता है पूरी तरह से वैध है।
कभी-कभी आप अगर आप शुरुआत में एक संख्या है कि एक फ़ॉन्ट है ऐसा करने के लिए होगा।
ऐसा नहीं है कि यह एक वास्तविक फ़ॉन्ट है, बल्कि इसलिए कि यह एक वैध CSSA लाइन नहीं है कि अगर था कि मैं इसके आसपास उद्धरण डाल दिया जाएगा।
ठीक है तो मैं इसे इस तरह Aeriel दे सकते हैं और आप देख सकते हैं कि हम Aeriel मिलता है।
तो वहाँ अन्य फोंट आप के साथ चारों ओर खेल सकते हैं।
के जॉर्जिया कोशिश करते हैं।
तो चलो हमारे एच -1 जॉर्जिया सिर्फ इतना है कि ताज़ा तरह देते हैं।
और तुम इतनी निराशा यदि आप एक डिजाइनर नहीं कर रहे हैं क्या यह फ़ॉन्ट परिवर्तन देख सकते हैं।
हम कैसे एक बहुत अधिक फोंट का उपयोग करने के लिए और कैसे कस्टम वालों शामिल करने के लिए देखने के लिए जा रहे हैं।
लेकिन अब के लिए हम बस में बनाया गया सिस्टम मूलभूत फोंट जो थोड़ा सा सीमित कर रहे हैं पर ध्यान केंद्रित करने जा रहे हैं।
यह नियंत्रण की तरह कितना बड़ा फ़ॉन्ट है या कैसे छोटे और फिर भी कोई गारंटी नहीं है कि तुम वहाँ किसी भी नहीं है कि मशीनों के 100 प्रतिशत के रूप में देख सकते हैं ताकि अगले संपत्ति के बारे में मैं बात करना चाहता हूँ फ़ॉन्ट आकार इतना फ़ॉन्ट आकार करता है की तरह लगता है फ़ॉन्ट एक दिया तत्व की है।
इसलिए हम कुछ का चयन और हम यह हमारे एच-1 के लिए करते हैं और एक-एक एक बहुत बड़ा बना सकते हैं।
इसलिए हम फ़ॉन्ट आकार है और वहाँ विभिन्न इकाइयों है कि हम का उपयोग कर सकते हैं।
और पहले एक पिक्सल या चोटियों कहा जाता है और हम Forder के साथ पहले एक छोटा सा इसे देखा है।
तो हम बस यह कुछ 200 पिक्स जैसे विशाल देने के लिए जा रहे हैं और अगर हम वापस ब्राउज़र करने के लिए जाने के लिए आप अगर हम इस विशाल मज़ा 200 पिक्सल क्या हम सिर्फ मामले में क्या कर सकते हैं पाने देख सकते हैं।
आप फ़ॉन्ट आकार के साथ चारों ओर खेलने के लिए चाहते हैं, तो आप यकीन है कि कैसे बड़े आप इस होना चाहते हैं नहीं कर रहे हैं।
हम इसे निरीक्षण कर सकते हैं और तब हम यहाँ पर जा सकते हैं और हम इस पर क्लिक कर सकते हैं और हम इस नंबर को बदल सकते हैं तो हम इसे 100 या 60 या 85 या जो कुछ भी हम चाहते हैं कि बदल सकते हैं और हम ब्राउज़र में आसपास खेल सकते हैं और अभी यह देखना परिवर्तन तुरंत परिलक्षित।
तो यह है कि एक बहुत अच्छी सुविधा है जब आप फ़ॉन्ट आकार के साथ खेलने के आसपास रहे हैं।
तो जैसा कि मैंने उल्लेख किया है, हालांकि यह एक फ़ॉन्ट आकार उठा के लिए एक ही रास्ता नहीं है।
यह केवल इकाई नहीं है।
वहाँ एक और लोकप्रिय इकाई बुलाया आईईएम है और ई एम मूल रूप से एक रिश्तेदार फ़ॉन्ट आकार है।
इसलिए मुझे आगे जाना है और फ़ॉन्ट आकार के प्रबंध निदेशक और पेज खोलने के लिए और ईएम अनुभाग के लिए जाने के लिए जा रहा हूँ और मैं यहाँ से पढ़ने के लिए जा रहा हूँ बस एक पल के लिए एक ईएम मूल्य के आकार गतिशील है और ईएम के बराबर है सवाल में तत्व के माता पिता के लिए लागू होता है कि फ़ॉन्ट का आकार।
तो क्या हुआ कि वास्तव में इसका मतलब है मैं तुम्हें एक त्वरित उदाहरण दिखाने के लिए जा रहा हूँ।
अगर मैं पट्टी स्टेक के तहत यहां के अंदर जाने दो डाल रहा है कि सभी एक काल करता है में एक अवधि तत्व डाल करने के लिए जा रहा हूँ।
यह शायद हमारी पहली बार उन्हें देख रहा है।
यह सिर्फ समूह पाठ को एक साथ करने के लिए एक तरह से वास्तव में एक अंतर नेत्रहीन तो यह सिर्फ एक तरह तरह के शब्द पट्टी स्टेक के चारों ओर एक तत्व बनाने के लिए बनाने के बिना है।
लेकिन अगर मैं ताज़ा करें।
कुछ भी नहीं सब पर बदल जाता है।
खैर फ़ॉन्ट आकार, लेकिन कुछ नहीं के लिए खोज यहाँ नीचे बदलता है और जहां मैं इस काल है।
तो यह एक तरह से उजागर करने के लिए या कुछ लाइन बाहर एकल करने और फिर इसे करने के लिए कुछ करना है।
और हम बस यह एक बहुत बड़ा बनाने के लिए जा रहे हैं।
इसलिए हम एक ई-M उपयोग या हम ई एम इकाइयों का उपयोग करें और हम अगर हम इस दोहरे इस पैरा हम बस यहाँ में जाने के फ़ॉन्ट का आकार बनाना चाहते थे रहे हैं।
तो चलो अवधि करते हैं और फिर हम सिर्फ इतना कहना फ़ॉन्ट आकार 2.0 ई एम और इतना है कि मूल तत्व है जो इस पैरा है की enclosing तत्व की डबल फ़ॉन्ट आकार होने जा रहा है।
अगर मैं ताज़ा इस अवधि डबल इस का फ़ॉन्ट आकार है तो आप उस देखेंगे।
लेकिन हम वास्तव में स्पष्ट रूप से यह यह कितने पिक्सल बनाने के लिए नहीं बताया।
यह सिर्फ इस कितना बड़ा था पता था और फिर इसे दोगुना हो गया।
तो यह जो कारण है कि यह की तरह बहुत से लोगों को लगता है कि यदि किसी वजह से मैं इस बात का फ़ॉन्ट आकार बदलने की जरूरत यह स्वचालित रूप से परिवर्तित होता है गतिशील है।
तो मैं आपको एक और उदाहरण दिखाते हैं।
के पैरा के फ़ॉन्ट आकार के फ़ॉन्ट आकार में वृद्धि करते हैं और हम उन्हें 40 पिक्सल बनाते हैं और आप देख सकते हैं कि यह अभी भी डबल रहता है।
तो फिर यह है कि एक बहुत ऊपर आता है के बारे में ई-एम एक सवाल वी के प्रारंभिक मूल्य क्या है और क्या शीर्ष स्तर है।
क्योंकि हम सिर्फ एक माता पिता और कहा कि माता-पिता से विरासत में मिली नहीं रख सकते हैं वहाँ सत्य के कुछ स्रोत हो गया है।
वहाँ बहुत शीर्ष स्तर तत्व वास्तव में एक फ़ॉन्ट आकार की है कि कम से की तरह हो गया है और कहा कि वास्तव ब्राउज़र जो एक छोटे से थोड़ी निराशा होती है पर निर्भर करता है बदलता है।
लेकिन एसडीएन के अनुसार यह आमतौर पर के बारे में 16 पिक्सल है इतना है कि कोई गारंटी नहीं है, लेकिन यह आम तौर पर लगभग 16 पिक्सल है।
तो क्या ज्यादातर लोगों को करना होगा बहुत शुरुआत में शरीर पर एक फ़ॉन्ट आकार सेट है।
तो यह शरीर फ़ॉन्ट आकार की तरह कुछ।
और हम इसका एक के कुछ वास्तव में 10 पिक्सल की तरह शुरू करने के लिए छोटा सा करते हैं देते हैं और फिर बदल सकते हैं या हर एक को करना चाहिए, ताकि यह पांच बार शरीर से भी बड़ा है।
तो यह है कि पांच अश्लील ई-एम की तरह लग रहा है और फिर हम दो बार के रूप में शरीर के रूप में बड़े होने के लिए हमारे पैरा पर चलते हैं।
तो 2.0 ई एम।
और फिर अंत में हम अपने काल में दो बार के रूप में एक पैरा के रूप में बड़े होना चाहते हैं।
तो यह है कि क्योंकि याद इसके अंदर नेस्ट है भी 2.0 है।
तो चलो बस ऐसे ही एक पैरा के बाहर कुछ पाठ करते हैं और आप इसे बहुत छोटा है देखेंगे।
और फिर हम इस पांच बार इस से भी बड़ा बना दिया।
हम बड़े रूप में दो बार यह कर दिया।