Перейти к публикации

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


Рекомендованные сообщения

Всем привет.

 

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

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 и удалить лишние иконки?

 

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

Ссылка на сообщение
Поделиться на других сайтах

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

Ссылка на сообщение
Поделиться на других сайтах
1 час назад, celsoft сказал:

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

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

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...