Добавить иконки Font Awesome к вашим кнопкам
Font Awesome - удобная библиотека иконок. Эти значки являются векторной графикой, хранящейся в формате .svg файла и обрабатываются так же, как шрифты. Вы можете указать их размер с помощью пикселей, и они будут предполагать размер шрифта своих родительских элементов HTML. Вы можете включить Font Awesome в любое приложение, добавив следующий код в начало вашего HTML: <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" integrity="sha384-XdYbMnZ/QjLh6iI4ogqCTaIjrFk87ip+ekIjefZch0Y+PvJ8CDYtEs1ipDmPorQ+" crossorigin="anonymous"> В этом случае мы уже добавили его для вас на эту страницу. Элемент i изначально использовался, чтобы сделать другие элементы курсивом, но теперь он обычно используется для иконок. Вы можете добавить классы Font Awesome к элементу i чтобы превратить его в иконку, например: <i class="fa fa-info-circle"></i> Обратите внимание, что элемент span также подходит для использования с иконками.
Используйте Font Awesome, чтобы добавить thumbs-up-иконку в вашу кнопку "Like" путём вставки в неё элемента i с классами fa и fa-thumbs-up. Убедитесь, что текст "Like" стоит после иконки.