Мы обновляем иконки до Font Awesome 6!

[awesomerobot (Kris)]

Что такое Font Awesome?

Discourse использует бесплатный набор иконок от Font Awesome во всём интерфейсе. Вы видите их на панелях инструментов, бейджах, кнопках и т. д. Вот наша панель инструментов редактора:

С 2018 года мы используем Font Awesome 5 (оригинальное объявление), а тем временем был выпущен Font Awesome 6. В версии 6 появились новые иконки, некоторые общие обновления стиля и переименования.

Начиная с сегодняшнего дня, Discourse также начнёт использовать версию 6! А именно, версию 6.6.0. Это не приведёт к радикальным визуальным изменениям, но вы заметите некоторые различия:

Что включает это обновление?

Это обновление включает ряд переименований для повышения согласованности.

Чтобы помочь сообществам Discourse пройти через обновление, изменения будут внедрены в несколько этапов:

---

Сегодня — Font Awesome обновлён до версии 6, иконки будут автоматически переназначены

Скоро — будут включены сообщения об устаревании, чтобы помочь авторам тем и плагинов обновить имена иконок

1-й квартал 2025 года — включён административный предупреждающий баннер для всех оставшихся устареваний

1 апреля 2025 года — отмена автоматического переназначения и административного предупреждающего баннера

2 мая 2025 года — удаление сопоставления старых имён иконок и логирования уровня ошибок

---

Я вижу отсутствующую иконку, как это исправить?

1. Откройте инструменты разработчика браузера и найдите соответствующий элемент с отсутствующей иконкой.

2. Запишите текущее имя затронутой иконки и найдите правильное имя для её обновления. Сопоставление имён иконок можно найти по адресу: discourse/lib/deprecated_icon_handler.rb at fbc2cfb6185c00950da8e915b1a32546e7020913 · discourse/discourse · GitHub.

3. Обновите соответствующую тему или плагин, к которому принадлежит элемент, или уведомите её/его разработчика о необходимости обновления.

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

Что нужно знать авторам тем и плагинов?

Методы, описанные в Introducing Font Awesome 5 and SVG icons, по-прежнему работают для добавления новых и пользовательских иконок.

Мы уже удалили переназначение старых имён, и если ваша тема или плагин всё ещё использует старые имена, вы увидите пустые места там, где раньше были некоторые иконки.

Появилось множество новых иконок!

Обновление с версии 5 до 6 добавляет сотни новых бесплатных иконок, почти 500 в общей сложности!

Вы можете просмотреть полный набор здесь; он отсортирован так, чтобы сначала показывать самые новые дополнения, а поиск очень удобен: Search Icons & Find the Perfect Design | Font Awesome

[Jagster (Jakke Flemming)]

Нужно ли это больше:

@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");

И нужно ли отредактировать это:

<script type="text/discourse-plugin" version="0.8">
    api.replaceIcon('d-post-share', 'share-alt');
    api.replaceIcon('d-topic-share', 'share-alt');
    api.replaceIcon("far-beer", "beer");
</script>

[ondrej]

Это здорово! Я наконец-то могу использовать иконку, которую хочу, для категории

[awesomerobot (Kris)]

@Jagster

Нужно ли это сейчас:

@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");

Похоже, это связано с Making tags look like real world tags - #11 by HeyRR… если вы используете CSS вроде content: "\f02b";, то да, это всё ещё нужно. Здесь шрифт иконок используется отдельно от нашей реализации (которая использует напрямую SVG-файлы).

@Jagster

И нужно ли редактировать это:

<script type="text/discourse-plugin" version="0.8">
    api.replaceIcon('d-post-share', 'share-alt');
    api.replaceIcon('d-topic-share', 'share-alt');
    api.replaceIcon("far-beer", "beer");
</script>

Сразу редактировать это не нужно, но исходя из списка переименований, вам следует заменить share-alt на share-nodes, а beer на beer-mug-empty в течение следующих 6 месяцев (полная кружка пива — это про-иконка… кажется, это не «бесплатно как пиво»)"}

[Jagster (Jakke Flemming)]

@Kris

возможно, это связано с Сделать теги похожими на реальные теги - #11 от HeyRR…

Возможно. Этого советовали более одного раза несколько лет назад. Я никогда толком не понимал почему, но могу скопировать и вставить Но это связано с возможностью использовать Font Awesome где-то, в любом месте или что-то в этом роде.

Но если я больше не смогу использовать пиво, я начну бунт с армией муми-троллей

[Moin]

В данный момент иконки щита отсутствуют здесь, в Meta.

[Moin]

Исправлено

[patrickemin]

Спасибо, но мне неясно, было ли обновление до версии 6 уже выполнено или оно будет выполнено? (Я не смог найти иконку версии 6 «bluesky» после обновления своего сайта, поэтому и спрашиваю…)

[ondrej]

После того как вы обновите свой сайт, ваши иконки станут FA6 и будут автоматически переназначены Discourse.

[patrickemin]

Да, это именно то, что я ожидал, но этот значок не отображается (я использую его в компоненте ссылок на значки в заголовке)

[ondrej]

Я нашёл иконку в версии 6.6.0

Font Awesome

Так как эта иконка не используется в Discourse, находится ли она в вашем «подмножестве SVG-икон» в настройках сайта?

[patrickemin]

Нет, я добавляю его с помощью следующего синтаксиса: “fa-bluesky” в ресурсах компонента, но этого недостаточно. Я изучу эту тему с SVG-ресурсами, я не знаком с ней.

(обновление), похоже, мы говорим об одном и том же, да, оно добавлено в ресурсы…

[awesomerobot (Kris)]

Возможно, вам потребуется выполнить fab-bluesky, так как это часть набора бренда.

[patrickemin]

Спасибо, всё работает! Нужно указывать fab-bluesky в ресурсах SVG и в редакторе ссылок пользовательского заголовка, чего мне раньше никогда не приходилось делать. В компоненте ссылок пользовательского заголовка я никогда не указывал префикс “fa”, но для иконки Bluesky пришлось указать “fab-bluesky”. Главное, что всё работает! Спасибо.

[Jagster (Jakke Flemming)]

@Jakke Flemming

Но если я больше не смогу использовать пиво, я устрою бунт с армией муми-троллей

Я обновился, и значки изменились. То, что беспокоило меня больше всего, потому что я немного боюсь своих пользователей (эти дамы чудесные, но если они расстроятся…), — это то, что произойдёт с реакциями, но это уже другой мир, верно? В любом случае, всё прошло гладко.

[darkpixlz (Pyx)]

Выглядит как крутое обновление! Мне нравится обновленное скругление. Я даже не знал, что это изменение мне нужно.

[mattdm (Matthew Miller)]

Самое главное, новая версия использует правильный логотип Fedora, а не несанкционированную имитацию, которая вызывала у наших дизайнеров головную боль.

[traceymoko (Tracey)]

Будут ли официальные компоненты темы «Иконки категорий» и «Иконки тегов» обновлены для использования новых названий Font Awesome 6?

Category Icons

This theme component is deprecated and should no longer be used. Its features are now in Discourse Core (see: Bringing popular features to Discourse). For private category icon customization, refer to this topic. Summary Category Icons allows category badge links to have icons next to the category name. Preview Preview on Discourse Theme Creator Repository Link https://github.com/discourse/discourse-category-icons …

Tag Icons

Summary Tag Icons allows tags to have an icon next to the tag label. Preview Preview on Discourse Theme Creator Repository Link https://github.com/discourse/discourse-tag-icons New to Discourse Themes? Beginner’s guide to using Discourse Themes Install this theme component Features Here is an example of how this would look, with tag style set to the default (simple): [image] Here is how this looks with tag sty…

На данный момент, насколько я знаю, они всё ещё используют FA5.

[awesomerobot (Kris)]

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