[МУЗЫКА]
Давайте теперь поговорим о значках шрифтов.
Что они?
Как они полезны?
И как мы используем их при проектировании нашего сайта?
Шрифты значков обеспечивают очень гибкий способ включения крошечных
изображений в наши веб-страницы, которые могут быть стилизованы так же, как текст.
Так что именно по этой причине шрифты значков оказываются очень,
очень полезными при проектировании веб-сайтов.
Используя шрифты значков, вы можете взять веб-страницу, подобную этой, и
быстро превратить ее в веб-страницу, как это.
Обратите внимание на использование значков вместе с текстом в навигационной панели,
а затем, когда вы прокручиваете вниз до нижнего колонтитула,
вы можете увидеть больше значков, используемых в нижнем колонтитуле.
А также ваши ссылки в социальных сетях теперь заменены кнопками социальных сетей.
Таким образом, это изменения, которые шрифты значков позволят вам сделать на вашем веб-сайте.
Как я кратко упоминал ранее, шрифты значков представляют собой набор символов или
глифов, которые могут быть использованы в дизайне вашего сайта.
Они могут использоваться так же, как обычные шрифты,
как и обычные текстовые шрифты, которые вы используете на вашем сайте.
Их преимущество заключается в том, что вы можете стилизовать их,
а затем расширить и контрактировать их и использовать все
типичные стили, которые вы используете в вашем тексте, для ваших иконок также.
Они рассматриваются как популярная легкая замена для
простой графики, которую вы можете использовать в ваших веб-страницах,
просто графики или изображения, которые вы можете использовать в ваших веб-страницах.
И они очень, очень полезны при проектировании ваших веб-страниц.
Существует много пакетов шрифтов значков, которые доступны на рынке.
Одним из самых популярных является Font Awesome, о
котором я собираюсь поговорить дальше.
Шрифт Awesome, как я говорю, является очень популярным шрифтом значков.
Он доступен бесплатно для использования при разработке дизайна вашей страницы.
Он широко используется многими различными веб-сайтами.
Мы узнаем, как скачать Font Awesome, а
затем использовать его на веб-странице в упражнении, которое следует за этой лекцией.
Использование шрифта Awesome на вашей веб-странице так же просто, как
использование некоторых классов, которые применяются к i
или тегу span в HTML-коде веб-страницы.
Поэтому, как только вы включите CSS и
файлы шрифтов, которые доступны через Font Awesome,
то очень просто использовать Font Awesome на ваших страницах.
Еще одной общей особенностью, которую вы увидите на
веб-страницах, является использование кнопок социальных сайтов, таких как Facebook
, Twitter, Google+, YouTube и многие другие.
Теперь, к счастью для нас, есть другой
CSS-файл под названием bootstrap-social, который вы можете скачать и
использовать, включая различные
кнопки сайта социальных сетей в вашей веб-странице.
Мы увидим использование bootstrap-social в упражнении, которое следует.
После того, как вы загрузите файл css bootstrap-social, вы включаете его в свою веб-страницу.
А затем вместе с иконками Font Awesome,
вы можете объединить это с социальными классами начальной загрузки,
чтобы включить различные кнопки социальных сетей на ваших веб-страницах.
Поэтому без лишних слов давайте перейдем к следующему упражнению, где
мы будем использовать как Font Awesome, так и bootstrap-social,
модифицированную версию файла bootstrap-social.css, которую я предоставляю в
инструкции по упражнению, которые вы должны загрузить и
включить в свой проект путаницы и использовать его в упражнении.
[ МУЗЫКА]