ОБНОВЛЕНО Ответ:
Увидев, что это явление происходит где-то в другом месте, я покопался немного глубже и обнаружил, что вы можете по-прежнему использовать юникодную сущность (например, ) в значении элемента <input>. Однако затем необходимо также установить хотя бы одно свойство CSS, которое заставляет браузер перерисовывать элемент управления с использованием пользовательского шрифта, определенного в CSS, а не по умолчанию браузера. Это похоже на хак, но, например, здесь засвидетельствовано .
Итак, если вы уже правильно настроили font-family для этого <input>, последний твик может просто установить что-то вроде background-color (значение не по умолчанию) или border: 1px solid.
Вот CodePen , который демонстрирует это с помощью веб-шрифтов FA5 с CSS.
Font Awesome 5 также имеет SVG с методом JavaScript, но я не думаю, что есть какой-либо способ заставить эту функцию работать с SVG / JS, поэтому, если вы хотите использовать юникодные сущности в <input> значениях с FA5, придерживаться веб-шрифтов с помощью CSS.
ОРИГИНАЛ Ответ:
Не могли бы вы сделать что-то похожее на принятый ответ в другом вопросе, который вы связали ? Как это:
<button type="submit" class="btn btn-success">
<i class="fab fa-facebook fa-lg"></i> Facebook
</button>
Вот рабочий пример кода, который использует веб-шрифты с CSS .
и вот рабочий пример с той же разметкой, которая использует SVG с JS .
(ПРИМЕЧАНИЕ: это только показывает добавление значка к кнопке в FA5. Вам также необходимо подключить кнопку, чтобы выполнить любое действие, которое вы хотите, чтобы оно выполнялось при нажатии.)