Средство просмотра шрифтов для Windows (альтернатива карты символов) с CSS

У меня есть острая потребность в утилите Windows, такой как Карта символов, с функцией отображения имен классов CSS для символов.

Это потому, что я использую библиотеки значков, например Ionicons или Font Awesome, в своих проектах, и мне нужно искать класс css для каждого значка, который я использовал при передаче спецификаций разработчику. Каждый раз искать его в браузере неудобно, поэтому я думаю, что это должна быть специальная утилита, с которой я не знаком. Если бы кто-нибудь мог предложить, какую утилиту использовать, это было бы чрезвычайно полезно!

Вот скриншот, если я не совсем понялвведите описание изображения здесь

Классы CSS не имеют ничего общего с самими шрифтами (это просто то, что использует CSS этой конкретной системы значков; на самом деле вы или кто-либо другой можете использовать любые классы, которые вам нравятся), поэтому я не думаю, что то, что вы хотите, существует.
И в Font Awesome, и в Ionicons есть шпаргалки с названиями классов; Я не думаю, что есть специальная утилита (как сказал CAI, классы могут быть любыми, которые вы решите)
Если хотите, вы можете встроить веб-страницы в облачное программное обеспечение Adobe Creative Cloud в виде панелей, после чего вы сможете использовать их внутри своего приложения. Также вы можете использовать fontawesome в качестве библиотеки символов ( см. здесь ), и вы можете добавить класс в имя значка. Так что это должно быть выполнимо с минимальными усилиями.
Я сделал эту утилиту: photopea.github.io/Typr.js (просто перетащите в нее файл TTF/OTF). Если вы объясните, что именно вам нужно, я могу добавить в него больше возможностей :)

Ответы (2)

Вместо того, чтобы использовать стороннее программное обеспечение, которое неизбежно будет иметь те же проблемы, что и ваш браузер, попробуйте добавить элементы в свое программное обеспечение в виде более интеллектуальных объектов. Вы не указываете, какое программное обеспечение вы используете, но вы можете легко добавить символы/фигуры/элементы библиотеки в любое приложение Adobe Suite.

введите описание изображения здесь

Изображение 1 : Шрифт потрясающий как символы с именами классов в Illustrator.

Теперь вы можете пойти дальше и легко написать сценарий автоматической аннотации этих элементов... Так что не думайте, что внешнее приложение расширяет ваше приложение.

Большое спасибо за сценарий и предоставленные советы! Я в основном использую Illustrator, поэтому возможно ли преобразовать таблицу стилей CSS, предоставленную ionicons в пакете, в библиотеку символов Illustrator с символами, уже названными как имена классов в шпаргалке ionicons? Заранее спасибо. @joojaa

Решение. Я думаю, что шпаргалка по библиотеке иконок — это решение. Это позволяет скопировать символ с веб-страницы шпаргалки в текстовое поле в Illustrator, а затем скопировать его имя класса в имя объекта. Так что я не пропущу имя класса моей иконки, конечно, если я не забуду назвать его в Illustrator уже после вставки.

Это помогает, но, на мой взгляд, проблема, обозначенная в моем вопросе, все еще требует решения.

Как вы видите на снимке экрана, в таблице символов есть поле, в котором можно найти уникальный номер Unicode для каждого отдельного символа. Хотел бы я найти и скопировать имя класса CSS для каждого символа так же легко, как здесь. (Character Map даже не позволяет мне скопировать номер Unicode, просто посмотрите его.) По логике должна быть функция для загрузки таблицы стилей CSS, которую библиотека иконок, такая как Ionicons, включает в свой пакет.

Поскольку я в основном использую Illustrator, лучшим для меня было бы иметь символы, названные по именам классов, чтобы у вас была библиотека и вы могли легко работать со своими значками, меняя, пробуя разные и никогда не пропуская их имена классов. В результате, предоставляйте имена классов своему разработчику в любое время по запросу.

Я попробую скрипт, упомянутый в первом ответе (большое спасибо его автору), у меня недостаточно опыта в этом, поэтому надеюсь, что я сделаю это правильно, и он будет работать. Спасибо большое за ваши мнения, люди, вы классные, я узнал кое-что новое!

Средство просмотра шрифтов для Windows (альтернатива карты символов) с CSS
СпросиСетьПолитика конфиденциальности1y, 0v