Применение иконочных шрифтов улучшает дизайн сайта. Однако подключение иконочного шрифта увеличивает размер загружаемых страниц и время их загрузки. Чтобы ускорить загрузку сайта WordPress можно уменьшить размер иконочного шрифта путем исключения из него неиспользуемых иконок. В статье рассмотрена работа с сервисом fontello.com для создания персонального набора иконок под конкретный проект.
Fontello является инструментом для быстрой упаковки векторных изображений в вебшрифтыОсновное преимущество вебшрифта в том, что шрифт — это векторное изображение. У шрифта нет пикселизации или размытия при отображении на экранах с высоким разрешением. А с помощью CSS можно задавать иконкам нужные параметры: размер, цвет, тени и другие. Ограничение fontello-шрифта — иконки одноцветные.
Как создать набор иконок и использовать fontello-шрифт на сайте (видео):
Как создать набор иконок и использовать fontello-шрифт на сайте (инструкция):
@import url('css/myfont.css');где myfont — имя шрифта.
<i class="CLASSNAME"></i>где «CLASSNAME» — имя иконки.
Заключение
Создание своего набор иконок и подключение их к сайту позволит существенно уменьшить размер загружаемой страницы и тем самым ускорить загрузку сайта wordpress. Удачи! Александр Коваль- Ссылка на Fontello.com — http://fontello.com/