font awesome Как использовать шрифт только для одного символа (иконки)

Можно:

  1. вытащить определяния @font-face главного CSS (из CND)
  2. залить шрифты из архива фонт-аверсама в доступную из веб-а папку
  3. определить @font-face в своём CSS, переделав начало тех путей, что мы взяли в первом пункте
  4. определить свой стиль для иконки

Например для иконки телеграма:

@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;src:url(../fonts/fa-5-5/webfonts/fa-brands-400.eot);src:url(../fonts/fa-5-5/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-5-5/webfonts/fa-brands-400.woff2) format("woff2"),url(../fonts/fa-5-5/webfonts/fa-brands-400.woff) format("woff"),url(../fonts/fa-5-5/webfonts/fa-brands-400.ttf) format("truetype"),url(../fonts/fa-5-5/webfonts/fa-brands-400.svg#fontawesome) format("svg")}
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;src:url(../fonts/fa-5-5/webfonts/fa-regular-400.eot);src:url(../fonts/fa-5-5/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-5-5/webfonts/fa-regular-400.woff2) format("woff2"),url(../fonts/fa-5-5/webfonts/fa-regular-400.woff) format("woff"),url(../fonts/fa-5-5/webfonts/fa-regular-400.ttf) format("truetype"),url(../fonts/fa-5-5/webfonts/fa-regular-400.svg#fontawesome) format("svg")}
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;src:url(../fonts/fa-5-5/webfonts/fa-solid-900.eot);src:url(../fonts/fa-5-5/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-5-5/webfonts/fa-solid-900.woff2) format("woff2"),url(../fonts/fa-5-5/webfonts/fa-solid-900.woff) format("woff"),url(../fonts/fa-5-5/webfonts/fa-solid-900.ttf) format("truetype"),url(../fonts/fa-5-5/webfonts/fa-solid-900.svg#fontawesome) format("svg")}

.fa-telegram::before {
    content: "\f2c6";
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands";
}

-- задействуем оба шрифта поочереди. Код f2c6 взят из веб-инспектора для работающего аверсама в режиме обычного подключения css из CDN.

Когда это полезно

Когда у вас уже есть дизайн рассчитанный на line awesome, но в этом шрифте нет подходящей иконки.