1
00:00:01,020 --> 00:00:09,880
तो इस वीडियो को सफलता में फोंट पर ध्यान केंद्रित करने जा रहा है और स्पष्ट रूप से मज़ा आ रहा है और एक वेब पेज के लिए फोंट उठा सच में बहुत महत्वपूर्ण है।

2
00:00:10,110 --> 00:00:14,660
लेकिन हम भी अन्य गुण है कि फोंट के लिए और पाठ करने के लिए संबंधित हैं की एक बहुत कवर करने के लिए जा रहे हैं।

3
00:00:14,730 --> 00:00:23,470
और उन फ़ॉन्ट परिवार फ़ॉन्ट आकार फ़ॉन्ट वजन लाइन ऊंचाई पाठ एक लाइन और पाठ सजावट कर रहे हैं।

4
00:00:23,610 --> 00:00:26,530
तो इस वीडियो में हम बंद करो और उन सभी को कवर करने के लिए जा रहे हैं।

5
00:00:26,730 --> 00:00:32,670
और पहली बात यह है कि हम क्या करने जा रहे हैं कि हम शैली के लिए जा रहे हैं हमारे सरल पाठ को मिल रहा है।

6
00:00:33,030 --> 00:00:39,080
तो मैं एक साधारण दुर्गंध की है कि जिम एम फाइल किया है और मुझे आगे जाना है और अपने मुँह में जोड़ने के लिए जा रहा हूँ।

7
00:00:39,080 --> 00:00:42,660
तो मैं बस एक एच 1 ताकि हम एक शीर्षक और शैली देख सकते हैं क्या करने जा रहा हूँ।

8
00:00:42,750 --> 00:00:44,180
और फिर कुछ पैराग्राफ।

9
00:00:44,490 --> 00:00:59,580
तो मैं बस अभी कुछ यादृच्छिक शब्दों या इस जैसे कुछ jibberish जो वास्तव में सच को प्रतिबिंबित नहीं करता अंग्रेजी भाषा एक पृष्ठ पर की तरह दिखता है क्या लिखने की अपेक्षा इस फ़ॉन्ट के डेमो पृष्ठ और फिर अगले बात फोन करने के लिए जा रहा हूँ।

10
00:00:59,620 --> 00:01:02,610
मैं एक घर के एप्सोम जनरेटर का उपयोग करने के लिए जा रहा हूँ।

11
00:01:02,610 --> 00:01:09,980
तो आप में से जो लोग Lorem Ipsum जनरेटर पता नहीं है यादृच्छिक पाठ अंग्रेजी शब्दों है कि का एक गुच्छा उत्पन्न करने के लिए इस्तेमाल कर रहे हैं।

12
00:01:09,990 --> 00:01:13,550
यह सब पर कुछ भी मतलब नहीं है, लेकिन यह कम से कम वास्तविक शब्दों की तरह लग रहा है।

13
00:01:13,560 --> 00:01:15,570
तो यह प्लेसहोल्डर पाठ है।

14
00:01:16,110 --> 00:01:24,350
इसलिए मुझे लगता है यह एक तरह से अच्छा है या सबसे मज़ेदार Lorem Ipsum जनरेटर के 10 में से हास्यास्पद लेख खुला वेब डिजाइनरों के लिए है।

15
00:01:24,570 --> 00:01:31,090
और मैं सिर्फ इसलिए मैं यहाँ कुछ पैराग्राफ उत्पन्न करने के लिए जा रहा हूँ यह पहली बार एक बेकन ipsum साथ जाने के लिए जा रहा हूँ।

16
00:01:31,560 --> 00:01:31,910
शीघ्र।

17
00:01:31,920 --> 00:01:34,370
मुझे बेकन दीजिए और आप देख सकते हैं कि यह सिर्फ मुझे कुछ पाठ दे।

18
00:01:34,470 --> 00:01:41,670
लेकिन यह असली पाठ है कि वास्तव में एक संभावित आप कुछ आप एक वेब साइट पर होगा पता है की तरह लग रहा है।

19
00:01:41,700 --> 00:01:43,430
यह सिर्फ इस तरह jibberish की तरह नहीं लगती है।

20
00:01:43,440 --> 00:01:45,890
तो यह एक फ़ॉन्ट का एक बेहतर प्रतिनिधित्व है।

21
00:01:46,110 --> 00:01:48,010
इसलिए मुझे आगे जाना है और पेस्ट कि में करने के लिए जा रहा हूँ।

22
00:01:48,120 --> 00:01:52,100
मैं इस से बाहर दो पैराग्राफ बनाने के लिए जा रहा हूँ।

23
00:01:54,140 --> 00:01:54,570
ठीक है।

24
00:01:54,570 --> 00:01:59,510
और हम अब के लिए उस पर छोड़ देंगे और हम वापस आते हैं और एक छोटा सा बाद में जोड़ देंगे।

25
00:01:59,670 --> 00:02:02,580
चलो बस यह ऊपर खुला और देखते हैं कि हम क्या करते हैं।

26
00:02:03,300 --> 00:02:03,720
ठीक।

27
00:02:03,750 --> 00:02:11,840
तो यहाँ एक साइट है कि हम होना स्टाइल और पहली बात यह है कि हम क्या करना चाहते हैं कि कैसे हम वास्तव में कुछ भी बस के लिए एक फ़ॉन्ट आवंटित कर के बारे में बात करते है जा रहे है।

28
00:02:12,180 --> 00:02:18,510
और इससे पहले कि हम भी हम के बारे में क्या फ़ॉन्ट हम भी ब्राउज़र में हमारे पास उपलब्ध है बात करने के लिए ऐसा कर सकते हैं।

29
00:02:18,510 --> 00:02:23,370
तो कोई आसान जवाब है जो एक कंप्यूटर फोंट के रूप में ब्राउज़र में उपलब्ध है।

30
00:02:23,550 --> 00:02:26,420
और उसकी वजह से वे हर मशीन पर अलग कर रहे हैं।

31
00:02:26,670 --> 00:02:28,360
और मैं इस साइट यहां खोलने की है।

32
00:02:28,640 --> 00:02:30,070
वह फोंट ढेर कहते हैं।

33
00:02:30,270 --> 00:02:34,250
यही कारण है कि वास्तव में अगर आप एक मैक या Windows कर रहे हैं पर निर्भर करता है पता चलता है।

34
00:02:34,350 --> 00:02:38,280
क्या उन मशीनों का प्रतिशत कर रहे हैं कि किसी दिए गए फ़ॉन्ट है।

35
00:02:38,670 --> 00:02:42,820
और तो इन मानक वेब फोंट है कि हम समय की एक बहुत देखेंगे में बस की तरह कर रहे हैं।

36
00:02:42,840 --> 00:02:52,130
तो अगर हम Helvetica की तरह एक को देखो आप देख सकते हैं कि हर मैक अमेरिका है लेकिन बहुत कुछ खिड़कियों स्थापित किया है।

37
00:02:52,290 --> 00:02:55,430
और इसलिए इन प्रणाली फोंट है कि एक मशीन पर आ रहे हैं।

38
00:02:55,950 --> 00:03:00,650
तो ये केवल फोंट है कि आप प्रयोग नहीं कर सकते हैं, लेकिन इन कुछ है कि सुरक्षित दांव हैं।

39
00:03:00,660 --> 00:03:07,590
तो अगर आप वह जानता था कि सुनिश्चित करने के लिए हर मशीन पर काम करेगा आप एरियल काला या हवाई तरह ले जाएगा एक चाहते थे।

40
00:03:08,160 --> 00:03:10,310
जाहिर है इन फोंट हालांकि बहुत सीमित हैं।

41
00:03:10,350 --> 00:03:14,030
तो हम देखते हैं कि कैसे हम वास्तव में बाद में इस वीडियो में कस्टम फोंट में शामिल जा रहे हैं।

42
00:03:14,130 --> 00:03:16,230
लेकिन अब के लिए चलो बस इन में से एक उठाओ।

43
00:03:16,260 --> 00:03:19,750
तो चलो एरियल शेरोन एरियल के साथ चलते हैं।

44
00:03:20,010 --> 00:03:24,720
इसलिए का उपयोग करने के लिए है कि हम उस यहाँ आवंटित करने के लिए हमारे पैराग्राफ के लिए जा रहे हैं।

45
00:03:25,370 --> 00:03:27,700
इसलिए हम अपनी सी एस एस जो मैं यहाँ से जुड़ा हुआ है में जाने के लिए जा रहे हैं।

46
00:03:27,720 --> 00:03:31,840
शैलियाँ कि सी एस एस और संपत्ति फ़ॉन्ट परिवार कहा जाता है।

47
00:03:32,040 --> 00:03:40,820
तो मैं पैराग्राफ का चयन करने के लिए जा रहा हूँ और मैं कहना फ़ॉन्ट परिवार बस ऐसे ही एरियल है जा रहा हूँ।

48
00:03:41,060 --> 00:03:46,390
और अगर मैं ताज़ा आपको मैं अब एरियल फ़ॉन्ट यहाँ देखेंगे।

49
00:03:46,410 --> 00:03:51,830
एक त्वरित टिप्पणी मैं भी इस जो आसपास उद्धरण डाल सकता है पूरी तरह से वैध है।

50
00:03:51,840 --> 00:03:57,200
कभी-कभी आप अगर आप शुरुआत में एक संख्या है कि एक फ़ॉन्ट है ऐसा करने के लिए होगा।

51
00:03:57,200 --> 00:04:04,360
ऐसा नहीं है कि यह एक वास्तविक फ़ॉन्ट है, बल्कि इसलिए कि यह एक वैध CSSA लाइन नहीं है कि अगर था कि मैं इसके आसपास उद्धरण डाल दिया जाएगा।

52
00:04:04,830 --> 00:04:10,660
ठीक है तो मैं इसे इस तरह Aeriel दे सकते हैं और आप देख सकते हैं कि हम Aeriel मिलता है।

53
00:04:10,830 --> 00:04:12,970
तो वहाँ अन्य फोंट आप के साथ चारों ओर खेल सकते हैं।

54
00:04:12,990 --> 00:04:16,340
के जॉर्जिया कोशिश करते हैं।

55
00:04:16,800 --> 00:04:28,520
तो चलो हमारे एच -1 जॉर्जिया सिर्फ इतना है कि ताज़ा तरह देते हैं।

56
00:04:28,860 --> 00:04:33,100
और तुम इतनी निराशा यदि आप एक डिजाइनर नहीं कर रहे हैं क्या यह फ़ॉन्ट परिवर्तन देख सकते हैं।

57
00:04:33,120 --> 00:04:36,810
हम कैसे एक बहुत अधिक फोंट का उपयोग करने के लिए और कैसे कस्टम वालों शामिल करने के लिए देखने के लिए जा रहे हैं।

58
00:04:37,110 --> 00:04:42,500
लेकिन अब के लिए हम बस में बनाया गया सिस्टम मूलभूत फोंट जो थोड़ा सा सीमित कर रहे हैं पर ध्यान केंद्रित करने जा रहे हैं।

59
00:04:42,600 --> 00:05:00,990
यह नियंत्रण की तरह कितना बड़ा फ़ॉन्ट है या कैसे छोटे और फिर भी कोई गारंटी नहीं है कि तुम वहाँ किसी भी नहीं है कि मशीनों के 100 प्रतिशत के रूप में देख सकते हैं ताकि अगले संपत्ति के बारे में मैं बात करना चाहता हूँ फ़ॉन्ट आकार इतना फ़ॉन्ट आकार करता है की तरह लगता है फ़ॉन्ट एक दिया तत्व की है।

60
00:05:01,240 --> 00:05:07,230
इसलिए हम कुछ का चयन और हम यह हमारे एच-1 के लिए करते हैं और एक-एक एक बहुत बड़ा बना सकते हैं।

61
00:05:07,590 --> 00:05:12,460
इसलिए हम फ़ॉन्ट आकार है और वहाँ विभिन्न इकाइयों है कि हम का उपयोग कर सकते हैं।

62
00:05:12,450 --> 00:05:18,170
और पहले एक पिक्सल या चोटियों कहा जाता है और हम Forder के साथ पहले एक छोटा सा इसे देखा है।

63
00:05:18,330 --> 00:05:31,740
तो हम बस यह कुछ 200 पिक्स जैसे विशाल देने के लिए जा रहे हैं और अगर हम वापस ब्राउज़र करने के लिए जाने के लिए आप अगर हम इस विशाल मज़ा 200 पिक्सल क्या हम सिर्फ मामले में क्या कर सकते हैं पाने देख सकते हैं।

64
00:05:31,750 --> 00:05:35,640
आप फ़ॉन्ट आकार के साथ चारों ओर खेलने के लिए चाहते हैं, तो आप यकीन है कि कैसे बड़े आप इस होना चाहते हैं नहीं कर रहे हैं।

65
00:05:35,680 --> 00:05:57,010
हम इसे निरीक्षण कर सकते हैं और तब हम यहाँ पर जा सकते हैं और हम इस पर क्लिक कर सकते हैं और हम इस नंबर को बदल सकते हैं तो हम इसे 100 या 60 या 85 या जो कुछ भी हम चाहते हैं कि बदल सकते हैं और हम ब्राउज़र में आसपास खेल सकते हैं और अभी यह देखना परिवर्तन तुरंत परिलक्षित।

66
00:05:57,270 --> 00:06:01,570
तो यह है कि एक बहुत अच्छी सुविधा है जब आप फ़ॉन्ट आकार के साथ खेलने के आसपास रहे हैं।

67
00:06:01,560 --> 00:06:06,310
तो जैसा कि मैंने उल्लेख किया है, हालांकि यह एक फ़ॉन्ट आकार उठा के लिए एक ही रास्ता नहीं है।

68
00:06:06,450 --> 00:06:07,650
यह केवल इकाई नहीं है।

69
00:06:07,900 --> 00:06:15,730
वहाँ एक और लोकप्रिय इकाई बुलाया आईईएम है और ई एम मूल रूप से एक रिश्तेदार फ़ॉन्ट आकार है।

70
00:06:15,840 --> 00:06:33,500
इसलिए मुझे आगे जाना है और फ़ॉन्ट आकार के प्रबंध निदेशक और पेज खोलने के लिए और ईएम अनुभाग के लिए जाने के लिए जा रहा हूँ और मैं यहाँ से पढ़ने के लिए जा रहा हूँ बस एक पल के लिए एक ईएम मूल्य के आकार गतिशील है और ईएम के बराबर है सवाल में तत्व के माता पिता के लिए लागू होता है कि फ़ॉन्ट का आकार।

71
00:06:33,880 --> 00:06:36,900
तो क्या हुआ कि वास्तव में इसका मतलब है मैं तुम्हें एक त्वरित उदाहरण दिखाने के लिए जा रहा हूँ।

72
00:06:37,320 --> 00:06:48,120
अगर मैं पट्टी स्टेक के तहत यहां के अंदर जाने दो डाल रहा है कि सभी एक काल करता है में एक अवधि तत्व डाल करने के लिए जा रहा हूँ।

73
00:06:48,120 --> 00:06:50,300
यह शायद हमारी पहली बार उन्हें देख रहा है।

74
00:06:50,380 --> 00:07:01,050
यह सिर्फ समूह पाठ को एक साथ करने के लिए एक तरह से वास्तव में एक अंतर नेत्रहीन तो यह सिर्फ एक तरह तरह के शब्द पट्टी स्टेक के चारों ओर एक तत्व बनाने के लिए बनाने के बिना है।

75
00:07:01,050 --> 00:07:03,470
लेकिन अगर मैं ताज़ा करें।

76
00:07:03,510 --> 00:07:04,710
कुछ भी नहीं सब पर बदल जाता है।

77
00:07:04,750 --> 00:07:09,230
खैर फ़ॉन्ट आकार, लेकिन कुछ नहीं के लिए खोज यहाँ नीचे बदलता है और जहां मैं इस काल है।

78
00:07:09,780 --> 00:07:13,540
तो यह एक तरह से उजागर करने के लिए या कुछ लाइन बाहर एकल करने और फिर इसे करने के लिए कुछ करना है।

79
00:07:13,550 --> 00:07:15,620
और हम बस यह एक बहुत बड़ा बनाने के लिए जा रहे हैं।

80
00:07:16,020 --> 00:07:26,380
इसलिए हम एक ई-M उपयोग या हम ई एम इकाइयों का उपयोग करें और हम अगर हम इस दोहरे इस पैरा हम बस यहाँ में जाने के फ़ॉन्ट का आकार बनाना चाहते थे रहे हैं।

81
00:07:26,520 --> 00:07:41,940
तो चलो अवधि करते हैं और फिर हम सिर्फ इतना कहना फ़ॉन्ट आकार 2.0 ई एम और इतना है कि मूल तत्व है जो इस पैरा है की enclosing तत्व की डबल फ़ॉन्ट आकार होने जा रहा है।

82
00:07:41,940 --> 00:07:49,220
अगर मैं ताज़ा इस अवधि डबल इस का फ़ॉन्ट आकार है तो आप उस देखेंगे।

83
00:07:49,240 --> 00:07:53,170
लेकिन हम वास्तव में स्पष्ट रूप से यह यह कितने पिक्सल बनाने के लिए नहीं बताया।

84
00:07:53,160 --> 00:07:56,430
यह सिर्फ इस कितना बड़ा था पता था और फिर इसे दोगुना हो गया।

85
00:07:56,440 --> 00:08:05,930
तो यह जो कारण है कि यह की तरह बहुत से लोगों को लगता है कि यदि किसी वजह से मैं इस बात का फ़ॉन्ट आकार बदलने की जरूरत यह स्वचालित रूप से परिवर्तित होता है गतिशील है।

86
00:08:06,190 --> 00:08:08,320
तो मैं आपको एक और उदाहरण दिखाते हैं।

87
00:08:08,460 --> 00:08:27,140
के पैरा के फ़ॉन्ट आकार के फ़ॉन्ट आकार में वृद्धि करते हैं और हम उन्हें 40 पिक्सल बनाते हैं और आप देख सकते हैं कि यह अभी भी डबल रहता है।

88
00:08:27,150 --> 00:08:33,500
तो फिर यह है कि एक बहुत ऊपर आता है के बारे में ई-एम एक सवाल वी के प्रारंभिक मूल्य क्या है और क्या शीर्ष स्तर है।

89
00:08:33,580 --> 00:08:38,860
क्योंकि हम सिर्फ एक माता पिता और कहा कि माता-पिता से विरासत में मिली नहीं रख सकते हैं वहाँ सत्य के कुछ स्रोत हो गया है।

90
00:08:38,860 --> 00:08:48,580
वहाँ बहुत शीर्ष स्तर तत्व वास्तव में एक फ़ॉन्ट आकार की है कि कम से की तरह हो गया है और कहा कि वास्तव ब्राउज़र जो एक छोटे से थोड़ी निराशा होती है पर निर्भर करता है बदलता है।

91
00:08:49,050 --> 00:08:56,060
लेकिन एसडीएन के अनुसार यह आमतौर पर के बारे में 16 पिक्सल है इतना है कि कोई गारंटी नहीं है, लेकिन यह आम तौर पर लगभग 16 पिक्सल है।

92
00:08:56,160 --> 00:09:01,680
तो क्या ज्यादातर लोगों को करना होगा बहुत शुरुआत में शरीर पर एक फ़ॉन्ट आकार सेट है।

93
00:09:01,950 --> 00:09:07,960
तो यह शरीर फ़ॉन्ट आकार की तरह कुछ।

94
00:09:08,220 --> 00:09:23,560
और हम इसका एक के कुछ वास्तव में 10 पिक्सल की तरह शुरू करने के लिए छोटा सा करते हैं देते हैं और फिर बदल सकते हैं या हर एक को करना चाहिए, ताकि यह पांच बार शरीर से भी बड़ा है।

95
00:09:23,620 --> 00:09:31,090
तो यह है कि पांच अश्लील ई-एम की तरह लग रहा है और फिर हम दो बार के रूप में शरीर के रूप में बड़े होने के लिए हमारे पैरा पर चलते हैं।

96
00:09:31,120 --> 00:09:33,000
तो 2.0 ई एम।

97
00:09:33,180 --> 00:09:37,230
और फिर अंत में हम अपने काल में दो बार के रूप में एक पैरा के रूप में बड़े होना चाहते हैं।

98
00:09:37,360 --> 00:09:40,810
तो यह है कि क्योंकि याद इसके अंदर नेस्ट है भी 2.0 है।

99
00:09:41,080 --> 00:09:46,710
तो चलो बस ऐसे ही एक पैरा के बाहर कुछ पाठ करते हैं और आप इसे बहुत छोटा है देखेंगे।

100
00:09:47,010 --> 00:09:50,080
और फिर हम इस पांच बार इस से भी बड़ा बना दिया।

101
00:09:50,160 --> 00:09:51,820
हम बड़े रूप में दो बार यह कर दिया।