1
00:00:00,000 --> 00:00:04,303
[MUSIK]

2
00:00:04,303 --> 00:00:06,765
Lassen Sie uns jetzt über Icon-Schriftarten sprechen.

3
00:00:06,765 --> 00:00:07,867
Was sind sie?

4
00:00:07,867 --> 00:00:09,284
Wie sind sie nützlich?

5
00:00:09,284 --> 00:00:13,540
Und wie nutzen wir sie bei der Gestaltung unserer Website?

6
00:00:13,540 --> 00:00:18,958
Icon-Schriftarten bieten eine sehr flexible Möglichkeit, winzige

7
00:00:18,958 --> 00:00:24,732
Bilder in unsere Webseiten aufzunehmen, die genau wie Text gestylt werden können.

8
00:00:24,732 --> 00:00:30,753
Das ist also der Grund, warum Icon-Schriftarten sich sehr,

9
00:00:30,753 --> 00:00:35,840
sehr nützlich bei der Gestaltung von Websites erweisen.

10
00:00:35,840 --> 00:00:40,290
Mit Symbolschriftarten können Sie eine Webseite wie diese aufnehmen und

11
00:00:40,290 --> 00:00:44,270
sie schnell in eine Webseite wie diese verwandeln.

12
00:00:44,270 --> 00:00:50,381
Beachten Sie die Verwendung von Symbolen zusammen mit dem Text in der Navigationsleiste.

13
00:00:50,381 --> 00:00:54,996
Wenn Sie dann zur Fußzeile scrollen,

14
00:00:54,996 --> 00:01:00,013
können Sie weitere Symbole sehen, die in der Fußzeile verwendet werden.

15
00:01:00,013 --> 00:01:08,220
Und auch Ihre Social-Media-Links werden jetzt durch Social-Media-Buttons hier ersetzt.

16
00:01:08,220 --> 00:01:16,910
Dies sind also die Änderungen, die Icon-Schriftarten Ihnen ermöglichen, auf Ihrer Website zu tun.

17
00:01:16,910 --> 00:01:22,367
Wie ich bereits kurz erwähnt habe, sind Icon-Schriftarten eine Reihe von Symbolen oder

18
00:01:22,367 --> 00:01:26,219
Glyphen, die in Ihrem Website-Design verwendet werden können.

19
00:01:26,219 --> 00:01:29,519
Diese können wie normale Schriftarten verwendet werden,

20
00:01:29,519 --> 00:01:34,390
genau wie normale Textschriftarten, die Sie auf Ihrer Website verwenden.

21
00:01:34,390 --> 00:01:38,953
Ihr Vorteil ist, dass Sie sie stylen und

22
00:01:38,953 --> 00:01:43,876
dann erweitern und zusammenziehen können und alle typischen

23
00:01:43,876 --> 00:01:49,657
Stylings verwenden, die Sie auf Ihrem Text verwenden, für Ihre Symbole auch.

24
00:01:49,657 --> 00:01:53,535
Sie gelten als ein beliebter leichter Ersatz für

25
00:01:53,535 --> 00:01:57,159
einfache Grafiken, die Sie in Ihren Webseiten verwenden können,

26
00:01:57,159 --> 00:02:01,750
einfach Grafiken oder Bilder, die Sie in Ihren Webseiten verwenden können.

27
00:02:01,750 --> 00:02:07,290
Und sie sind sehr, sehr nützlich bei der Gestaltung Ihrer Webseiten.

28
00:02:07,290 --> 00:02:15,110
Es gibt viele Icon Font Packs, die auf dem Markt verfügbar sind.

29
00:02:15,110 --> 00:02:18,180
Einer der beliebtesten ist Font Awesome, über

30
00:02:18,180 --> 00:02:19,377
die ich als nächstes sprechen werde.

31
00:02:20,590 --> 00:02:24,850
Font Awesome, wie ich sage, ist eine sehr beliebte Icon-Schriftart.

32
00:02:24,850 --> 00:02:28,770
Es ist kostenlos für die Verwendung bei der Gestaltung Ihrer Seite Design.

33
00:02:28,770 --> 00:02:32,975
Es wurde von vielen verschiedenen Websites ausgiebig genutzt.

34
00:02:32,975 --> 00:02:37,580
Wir werden lernen, wie Sie Font Awesome herunterladen und

35
00:02:37,580 --> 00:02:42,940
dann verwenden Sie es auf der Webseite in der Übung, die dieser Vorlesung folgt. Die

36
00:02:44,180 --> 00:02:49,982
Verwendung von Font Awesome in Ihrer Webseite ist so einfach wie die

37
00:02:49,982 --> 00:02:55,217
Verwendung einiger Klassen, die auf ein i

38
00:02:55,217 --> 00:02:59,897
oder ein span -Tag in Ihrem Webseiten-HTML-Code angewendet werden.

39
00:02:59,897 --> 00:03:02,480
Also, sobald Sie das CSS und

40
00:03:02,480 --> 00:03:07,440
die Schriftdateien, die über Font Awesome verfügbar sind,

41
00:03:07,440 --> 00:03:13,860
dann ist es sehr einfach, Font Awesome in Ihren Seiten zu verwenden.

42
00:03:15,120 --> 00:03:20,491
Ein weiteres gemeinsames Merkmal, das Sie auf

43
00:03:20,491 --> 00:03:27,337
Webseiten sehen würden, ist die Verwendung von sozialen Site-Buttons dort wie Facebook

44
00:03:27,337 --> 00:03:33,260
, Twitter, Google+ und YouTube und viele andere.

45
00:03:34,530 --> 00:03:39,931
Nun zum Glück für uns gibt es diese andere

46
00:03:39,931 --> 00:03:46,415
CSS-Datei namens bootstrap-social, die Sie herunterladen und

47
00:03:46,415 --> 00:03:50,873
nutzen können, einschließlich verschiedener

48
00:03:50,873 --> 00:03:55,346
Social-Media-Site-Schaltflächen in Ihre Webseite.

49
00:03:55,346 --> 00:04:01,940
Wir werden die Verwendung von Bootstrap-social in der folgenden Übung sehen.

50
00:04:01,940 --> 00:04:06,532
Sobald Sie die bootstrap-social css-Datei heruntergeladen haben, fügen Sie diese in Ihre Webseite ein.

51
00:04:06,532 --> 00:04:11,385
Und dann zusammen mit den Font Awesome Icons,

52
00:04:11,385 --> 00:04:16,604
können Sie das mit Bootstrap Social-Klassen kombinieren,

53
00:04:16,604 --> 00:04:22,688
um verschiedene Social-Media-Buttons auf Ihren Webseiten zu integrieren.

54
00:04:22,688 --> 00:04:27,834
Also ohne weiteres, lassen Sie uns zur nächsten Übung

55
00:04:27,834 --> 00:04:32,787
gehen, wo wir sowohl Font Awesome als auch Bootstrap-social verwenden werden,

56
00:04:32,787 --> 00:04:37,546
eine modifizierte Version der Datei bootstrap-social.css, die ich

57
00:04:37,546 --> 00:04:42,984
auf den Übungsanweisungen zur Verfügung stelle, die Sie herunterladen und

58
00:04:42,984 --> 00:04:48,647
in Ihr Verwirrungsprojekt aufnehmen und verwenden sollten von ihm in der Übung.

59
00:04:48,647 --> 00:04:54,639
( MUSIK)