Шрифты вместо svg

[radrigo 180]

Всем привет.

 

Не так давно обнаружил что боодстрап предлагает использовать иконки в виде шрифтов.

http://getbootstrap.com/components/#glyphicons

Скачиваются например шрифты, они там в 5 разных форматах, однако мо мне так достаточно подключить только 2 формата, woff и ttf

Примерно так

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype');
}

 

В файле engine.css в шаблоне Default шрифт bb-editor-font тоже прописан в двух вариантах, woff и ttf, однако там не ссылки на файлы с шрифтом, а код непосредственно в css, что на мой взгляд на много лучше.

@font-face {
	font-family: 'bb-editor-font';
	src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SDwYAA ... МНОГО КОДА ...NAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('truetype'), url(data:application/font-woff;charset=utf-8;bas ... МНОГО КОДА ...bgAuAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format('woff');
	font-weight: normal;
	font-style: normal;
}

 

Может кто подскажет как из файлов формата woff и ttf взять код для css и удалить лишние иконки?

 

Заранее признателен всем за подсказку.

[celsoft 6 076]

Есть такой прекрасный сервис https://icomoon.io/ который позволяет скомпоновать только нужные иконки в шрифте. Он же может все сделать именно встроенным в CSS, но для этого понадобится уже платный аккаунт. Мы пользуемся именно этим сервисом.

[radrigo 180]

1 час назад, celsoft сказал:

Есть такой прекрасный сервис https://icomoon.io/ который позволяет скомпоновать только нужные иконки в шрифте. Он же может все сделать именно встроенным в CSS, но для этого понадобится уже платный аккаунт. Мы пользуемся именно этим сервисом.

Спасибо, действительно хороший сервис