# 113: Создание и использование собственного шрифта для значков - CSS-хитрости

Anonim

Как мы уже много раз говорили здесь: шрифты с иконками - это здорово. Они эффективны так же, как и CSS-спрайты: множество изображений, которые можно использовать для разных областей / целей за одну загрузку. Но они даже круче, чем спрайты, потому что они векторные, поэтому их можно масштабировать до любого размера, затенять, менять цвет и т. Д. Они также отлично смотрятся на дисплеях Retina (или дисплеях любого размера и разрешения).

Чтобы максимально эффективно использовать иконочный шрифт, вы должны загружать только те символы, которые вам нужно загрузить. И чтобы быть гибким, приятно иметь возможность добавлять к одному значку шрифт из нескольких наборов или из любого вектора / SVG в любом месте. Приложение IcoMoon позволяет делать все это с помощью очень простого интерфейса. Вы выбираете значки, которые хотите, сопоставляете их с любыми символами, которые хотите, затем экспортируете HTML / CSS / веб-шрифты в готовом к использованию формате.

Ссылки из видео:

  • IcoMoon
  • Entypo
  • Почему шрифты со значками - это круто
  • Обзор иконочных шрифтов
  • StateFace
  • GeoBats
  • ShopTalk