Альтернатива шрифту - удивительный?

Question

Мой нынешний сценарий - я использую font-awesome, общий размер около 100kb. Но я использую только 4-5 значков. Как уменьшить размер файла? или альтернативу, где размер файла меньше этого?

Мое решение и запросы:

1. я могу генерировать спрайт изображение (с помощью онлайн-инструментов) только с необходимыми иконками. И я вижу, что общий размер этого файла изображения составляет 1 КБ. отличное решение. Но поймать, если завтра мне понадобится еще два значка, как добавить эти значки? И не просто добавьте, добавьте их так, чтобы положение уже существующих значков не изменилось. Как?

2. Я думал о fontello. Но я все же хотел бы выбрать решение 1, если у нас есть решения для уловов, как упоминалось.

Answer 1

Альтернатива: dashicons (Wordpress) material-icons (Google)

Для включения меньше, то вам нужно, я думаю, вы должны включить его в файл и удалите все, что вам не нужно, но that's только предположение

Answer 2

Вы можете использовать icomoon.io. Это экспортирует только нужные вам значки вместе с .json-файлом, который вы можете импортировать на следующий день, если хотите добавить несколько значков.

Answer 3

Вы можете использовать fontovesome CDN прямо на странице. Таким образом, это уменьшит нагрузку на страницу. Вам не нужно скачивать fontawesome папку с CSS, шрифты ..

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> 

Answer 4

Я думаю, что такие проблемы, как ваша была причина, почему создатели FontAwesome придумали FortAwesome - сервис, где вы можете определить значок-наборы - на основе значков из FA (и других). Профессиональный сервис, к сожалению, не бесплатно ...

Answer 5

Вы можете использовать IconPharm для создания наборов SVG из шрифтов Потрясающих иконок (see screenshot)

Там есть опция для создания шрифтов, а также, но это, кажется, сломано.

Другая альтернатива - мы любим SVG. Он будет загружать только те значки, которые вы используете.

Answer 6

Используйте We Love SVG - он загрузит только значки, которые вы используете.