Introducing Font Awesome 5 and SVG icons

Новости и события Объявления
126

11 сообщений были перенесены в новую тему: Как заменить существующую SVG-иконку на пользовательскую?

137

5 сообщений были перенесены в новую тему: Как использовать иконку RSS из Font Awesome?

142

2 сообщения были перенесены в новую тему: Как использовать анимацию Font Awesome Pulse в качестве индикатора загрузки?

143

Планируется ли обновление Font Awesome до версии 6?

7 лайков
144

Хороший вопрос. На данный момент у нас нет плана обновляться до Font Awesome 6, но мы скоро это изучим.

10 лайков
146

Я видел немало проектов, которые остались на Font Awesome 5, потому что в версии 6 отсутствовали некоторые элементы (которые теперь доступны только в платных тарифах).

Я не против обновления, просто стоит иметь это в виду.

10 лайков
What version of Font Awesome does Category Icons use?
156

Хм. Они довольно сильно делают упор на обратную совместимость, так что это удивительно. У вас есть ссылка на список того, чего не хватает?

2 лайка
157

Ссылки нет, извините, пока только анекдот. Я помню, что @pmusaraj немного боролся с этим.

5 лайков
158

Вы рассматривали Fork Awesome, a fork of the iconic font and CSS toolkit?

3 лайка
159

Пока нет, но выглядит это, безусловно, довольно круто. У меня есть ощущение, что откатиться назад и перенести Discourse на использование его паттернов будет огромной головной болью.

2 лайка
160

Возможно, у других участников здесь есть опыт перехода с FontAwesome на ForkAwesome?

На их странице «Что нового» указано:

Мы уделили особое внимание тому, чтобы не менять кодовые точки Unicode для существующих иконок, а также не изменяли имена CSS-классов или имена иконок из Font Awesome 4.7. Хотя мы добавили несколько новых иконок и значительно упростили процесс вклада в этот проект. Тем не менее, если вы заметите ошибку, пожалуйста, не стесняйтесь сообщить о ней.

Страница примеров выглядит похоже на FontAwesome.

Ну, эта публикация от (не-)разработчика говорит о том, что использовать ForkAwesome сейчас — плохая идея. Жаль.

2 лайка
161

В версии 6 FontAwesome перевел весь набор иконок «Regular» на платный тариф. Однако, похоже, что существующие иконки из набора «Regular» по-прежнему доступны бесплатно при использовании SVG-иконок напрямую (то есть не в виде веб-шрифта). Это хорошая новость для нас, поскольку мы используем SVG-спрайты из репозитория fontawesome.

Однако добавленная ими обратная совместимость не совсем подходит нам: мы не используем «фреймворк SVG + JS» от FontAwesome, поэтому не получаем выгоды от автоматического создания псевдонимов. Вероятно, это самое большое препятствие на данный момент для обновления с версии 5 до 6 (хотя оно не так критично, как отсутствие иконок).

10 лайков
163

Эта ссылка для меня не работает

1 лайк
165

Проведя за последний год множество тестов юзабилити форума Discourse, я считаю, что одним из лучших шагов для улучшения удобства использования стало бы создание набора иконок: протестированных на понятность, более согласованных и с легкими стилистическими акцентами. Но, возможно, это не то место, где стоит обсуждать эту идею!

2 лайка
166

Не мог бы кто-нибудь, пожалуйста, дать рекомендации, как лучше всего добавить эмодзи флагов в качестве SVG-иконок в компонент темы тегов? Мне кажется, я не до конца понимаю, что для этого требуется: нужны ли изменения в самом компоненте темы или следует разработать отдельный плагин, чтобы получить доступ к этим эмодзи внутри компонента темы.

Спасибо!

1 лайк
167

Хм, ничего не вижу.

Как это сделать?

  • Создал пользовательский компонент темы под названием SVG_Assets.
  • Загрузил пользовательские SVG-иконки размером 1x1.
  • Включил SVG_Assets как часть своей темы.
  • Установил компонент темы с иконками тегов и добавил его в свою тему.

Я вижу URL-адрес для каждой загруженной SVG-иконки в SVG_Assets.

Хм, хорошо. Не могли бы вы привести новый пример того, как должны выглядеть настройки в редакторе.

Пример загрузки us.svg

В настоящее время отображается:

[
	{
		"setting": "tag_icon_list",
		"value": "tag1,question-circle,#CC0000|:de:,$de,https://domain/1X/604c368499a58499e21ab5337a325600cb35b421.svg"
	},
	{
		"setting": "svg_icons",
		"value": ""
	}
]
1 лайк