Я использовал font-awesome в своем проекте, включив этот CDN
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
Google Page Speed, похоже, не нравится. 
Не говоря уже о том, что я использовал только 5 иконок.
view-source:https://www.bunlongheng.com/
после быстрого поиска в Интернете я боюсь, что у шрифта awesome нет такого сервиса, как то, что вы ищете :( но есть некоторые решения!
если вы используете фреймворк, такой как React, Vue или Angular, вы можете импортировать только те шрифты, которые вам нужны.
Как импортировать только один значок из fontawesome?
как здесь ^
если вы используете ванильный javascript, вам придется использовать другой веб-сайт, чтобы помочь вам с этим, например
or
Шрифт — это отдельный файл, очень похожий на изображение или документ. Неважно, как вы включите его в свой CSS — пользователи все равно будут загружать весь файл шрифта. Определения CSS просто делают шрифт доступным на вашем веб-сайте.
Есть некоторые вещи, которые вы могли бы сделать в качестве альтернативы. Некоторые компании позволяют создавать частичные наборы шрифтов с помощью пользовательских приложений (например, https://icomoon.io/, например). Это может удовлетворить ваши потребности. Но как только вы создадите пользовательскую версию их шрифтов, это все еще файл, который вы не сможете разбить. Тем не менее, пользовательская версия icomoon может быть очень маленькой и оптимизированной и, вероятно, будет соответствовать описанному вами сценарию.
Другой альтернативой было бы не размещать шрифт самостоятельно, а использовать облачные шрифты, которые с большей вероятностью будут кэшироваться вашими пользователями. Это не решение само по себе, но несколько увеличивает шансы того, что вашим пользователям не придется загружать шрифты специально для вашего сайта.
Цитата
есть также способ загрузить файл svg в файл js, а затем импортировать его, но это также сложно, поэтому я думаю, что самым быстрым способом будет использование веб-сайтов, упомянутых в начале.
