1
00:00:00,000 --> 00:00:04,303
[МУЗЫКА]

2
00:00:04,303 --> 00:00:06,765
Давайте теперь поговорим о значках шрифтов.

3
00:00:06,765 --> 00:00:07,867
Что они?

4
00:00:07,867 --> 00:00:09,284
Как они полезны?

5
00:00:09,284 --> 00:00:13,540
И как мы используем их при проектировании нашего сайта?

6
00:00:13,540 --> 00:00:18,958
Шрифты значков обеспечивают очень гибкий способ включения крошечных

7
00:00:18,958 --> 00:00:24,732
изображений в наши веб-страницы, которые могут быть стилизованы так же, как текст.

8
00:00:24,732 --> 00:00:30,753
Так что именно по этой причине шрифты значков оказываются очень,

9
00:00:30,753 --> 00:00:35,840
очень полезными при проектировании веб-сайтов.

10
00:00:35,840 --> 00:00:40,290
Используя шрифты значков, вы можете взять веб-страницу, подобную этой, и

11
00:00:40,290 --> 00:00:44,270
быстро превратить ее в веб-страницу, как это.

12
00:00:44,270 --> 00:00:50,381
Обратите внимание на использование значков вместе с текстом в навигационной панели,

13
00:00:50,381 --> 00:00:54,996
а затем, когда вы прокручиваете вниз до нижнего колонтитула,

14
00:00:54,996 --> 00:01:00,013
вы можете увидеть больше значков, используемых в нижнем колонтитуле.

15
00:01:00,013 --> 00:01:08,220
А также ваши ссылки в социальных сетях теперь заменены кнопками социальных сетей.

16
00:01:08,220 --> 00:01:16,910
Таким образом, это изменения, которые шрифты значков позволят вам сделать на вашем веб-сайте.

17
00:01:16,910 --> 00:01:22,367
Как я кратко упоминал ранее, шрифты значков представляют собой набор символов или

18
00:01:22,367 --> 00:01:26,219
глифов, которые могут быть использованы в дизайне вашего сайта.

19
00:01:26,219 --> 00:01:29,519
Они могут использоваться так же, как обычные шрифты,

20
00:01:29,519 --> 00:01:34,390
как и обычные текстовые шрифты, которые вы используете на вашем сайте.

21
00:01:34,390 --> 00:01:38,953
Их преимущество заключается в том, что вы можете стилизовать их,

22
00:01:38,953 --> 00:01:43,876
а затем расширить и контрактировать их и использовать все

23
00:01:43,876 --> 00:01:49,657
типичные стили, которые вы используете в вашем тексте, для ваших иконок также.

24
00:01:49,657 --> 00:01:53,535
Они рассматриваются как популярная легкая замена для

25
00:01:53,535 --> 00:01:57,159
простой графики, которую вы можете использовать в ваших веб-страницах,

26
00:01:57,159 --> 00:02:01,750
просто графики или изображения, которые вы можете использовать в ваших веб-страницах.

27
00:02:01,750 --> 00:02:07,290
И они очень, очень полезны при проектировании ваших веб-страниц.

28
00:02:07,290 --> 00:02:15,110
Существует много пакетов шрифтов значков, которые доступны на рынке.

29
00:02:15,110 --> 00:02:18,180
Одним из самых популярных является Font Awesome, о

30
00:02:18,180 --> 00:02:19,377
котором я собираюсь поговорить дальше.

31
00:02:20,590 --> 00:02:24,850
Шрифт Awesome, как я говорю, является очень популярным шрифтом значков.

32
00:02:24,850 --> 00:02:28,770
Он доступен бесплатно для использования при разработке дизайна вашей страницы.

33
00:02:28,770 --> 00:02:32,975
Он широко используется многими различными веб-сайтами.

34
00:02:32,975 --> 00:02:37,580
Мы узнаем, как скачать Font Awesome, а

35
00:02:37,580 --> 00:02:42,940
затем использовать его на веб-странице в упражнении, которое следует за этой лекцией.

36
00:02:44,180 --> 00:02:49,982
Использование шрифта Awesome на вашей веб-странице так же просто, как

37
00:02:49,982 --> 00:02:55,217
использование некоторых классов, которые применяются к i

38
00:02:55,217 --> 00:02:59,897
или тегу span в HTML-коде веб-страницы.

39
00:02:59,897 --> 00:03:02,480
Поэтому, как только вы включите CSS и

40
00:03:02,480 --> 00:03:07,440
файлы шрифтов, которые доступны через Font Awesome,

41
00:03:07,440 --> 00:03:13,860
то очень просто использовать Font Awesome на ваших страницах.

42
00:03:15,120 --> 00:03:20,491
Еще одной общей особенностью, которую вы увидите на

43
00:03:20,491 --> 00:03:27,337
веб-страницах, является использование кнопок социальных сайтов, таких как Facebook

44
00:03:27,337 --> 00:03:33,260
, Twitter, Google+, YouTube и многие другие.

45
00:03:34,530 --> 00:03:39,931
Теперь, к счастью для нас, есть другой

46
00:03:39,931 --> 00:03:46,415
CSS-файл под названием bootstrap-social, который вы можете скачать и

47
00:03:46,415 --> 00:03:50,873
использовать, включая различные

48
00:03:50,873 --> 00:03:55,346
кнопки сайта социальных сетей в вашей веб-странице.

49
00:03:55,346 --> 00:04:01,940
Мы увидим использование bootstrap-social в упражнении, которое следует.

50
00:04:01,940 --> 00:04:06,532
После того, как вы загрузите файл css bootstrap-social, вы включаете его в свою веб-страницу.

51
00:04:06,532 --> 00:04:11,385
А затем вместе с иконками Font Awesome,

52
00:04:11,385 --> 00:04:16,604
вы можете объединить это с социальными классами начальной загрузки,

53
00:04:16,604 --> 00:04:22,688
чтобы включить различные кнопки социальных сетей на ваших веб-страницах.

54
00:04:22,688 --> 00:04:27,834
Поэтому без лишних слов давайте перейдем к следующему упражнению, где

55
00:04:27,834 --> 00:04:32,787
мы будем использовать как Font Awesome, так и bootstrap-social,

56
00:04:32,787 --> 00:04:37,546
модифицированную версию файла bootstrap-social.css, которую я предоставляю в

57
00:04:37,546 --> 00:04:42,984
инструкции по упражнению, которые вы должны загрузить и

58
00:04:42,984 --> 00:04:48,647
включить в свой проект путаницы и использовать его в упражнении.

59
00:04:48,647 --> 00:04:54,639
[ МУЗЫКА]