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
所以我有一個簡單的芬克的是吉姆·M文件，我要繼續前進，並添加你的嘴。

7
00:00:39,080 --> 00:00:42,660
所以，我只是做一個H-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
我將使用的Lorem瀉發生器。

11
00:01:02,610 --> 00:01:09,980
因此，對於那些你們誰不知道Lorem存有發電機用於生成一串即英文單詞隨機的文字。

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存有發電機10的網頁設計師是很有趣的文章開放。

15
00:01:24,570 --> 00:01:31,090
而我只是想走的這第一個培根存有所以我要在這裡產生了幾段。

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
這實際上取決於如果你是一個Mac或Windows上顯示。

34
00:02:34,350 --> 00:02:38,280
什麼是那些機器的百分比都具有一個給定的字體。

35
00:02:38,670 --> 00:02:42,820
等等這些都只是一種標準的Web字體，我們會看到很多的時間。

36
00:02:42,840 --> 00:02:52,130
因此，如果我們看一下一個像黑體你可以看到，每一個Mac有美國，但極少數的窗戶都安裝。

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
所以，如果你想要的人，他知道肯定將每台機器上工作，你會選擇如Arial黑色或空中。

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
所以，我們要進入我已經在這裡掛我的（C S）秒。

46
00:03:27,720 --> 00:03:31,840
即（C S）S和屬性被稱為字體家族風格。

47
00:03:32,040 --> 00:03:40,820
所以我要選擇的段落，我要說的字體家族是宋體就是這樣。

48
00:03:41,060 --> 00:03:46,390
如果我刷新你會看到我現在在這裡有Arial字體。

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
不，這是一個真正的字體，但如果那是我將不得不把周圍的引號，因為這不是一個有效的綜援線。

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
因此，讓我們給我們的H-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
因此，我們可以選擇的東西，讓我們這樣做是為了我們的H-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
還有另一種流行的單位，稱為入耳和E-M基本上是一個相對的字體大小。

70
00:06:15,840 --> 00:06:33,500
所以我要去進取，不斷開拓的字體大小MD和頁面並轉到EM部分，我會從這裡閱讀只是一瞬間的EM值的大小是動態的，EM等於適用於所討論的元素的父的字體大小。

71
00:06:33,880 --> 00:06:36,900
那麼，什麼是真正的意思是，我要告訴你一個簡單的例子。

72
00:06:37,320 --> 00:06:48,120
如果我把咱們去這裡根據內部牛排帶我打算把span元素在所有的跨度一樣。

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
因此，我們使用一個E-M或我們用E-M單元和我們，如果我們想使這個雙重這款我們剛剛進入這裡的字體大小。

81
00:07:26,520 --> 00:07:41,940
因此，讓我們跨越，然後我們就說字體大小2.0 E-M和，這樣將是這是本段的父元素的封裝元素的雙字體大小。

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
於是關於E-M的一個問題，來了很多是為v的初始值，什麼是頂層。

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
但據SDN它通常是約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
所以這是要去看看到五色情E-M和然後我們繼續我們的款的兩倍身體一樣大。

96
00:09:31,120 --> 00:09:33,000
因此，2.0ê-M。

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
我們做這個的兩倍大。