: Font viewer for Windows (a Character Map alternative) with CSS I have a strong need in a Windows utility like Character Map with a feature of showing CSS classnames for the characters. That's
I have a strong need in a Windows utility like Character Map with a feature of showing CSS classnames for the characters.
That's because I use icon libraries e.g. Ionicons or Font Awesome in my designs and need to search for the css class for every single icon I used when transferring specs to the developer. It's not handy to look for it every time in browser so I guess it should be a dedicated utility I'm not familiar with. If somebody could suggest what utility to use, it would be extremely helpful!
Here is a screenshot if I was not clear enough
More posts by @Rivera951
2 Comments
Sorted by latest first Latest Oldest Best
Solution. I think icon library cheatsheet is a decision. It allows to copy a character from the cheatsheet webpage to the text field in Illustrator and then copy its classname to the name of an object. So I will not miss my icon's classname, of course, if I don't forget to name it in Illustrator already after pasting.
It's helping but, in my opinion, the problem defined in my question still requires a solution.
As you see in a screenshot, Character Map has a field where the unique Unicode number for every single character can be found. I wish I could find and copy the CSS classname for every character as easily as I see it here. (Character Map even does not allow me to copy Unicode number, just see it.) Logically, there should be a feature to upload CSS stylesheet which icon library like Ionicons includes in its package.
As I mostly use Illustrator, the best for me would be to have symbols named by its classnames, so you would have a library and easily operate with your icons, changing, trying different ones and never miss their classnames. As a result, provide the classnames to your developer any time on demand.
I will try a script mentioned in the first answer (many thanks to its author), I'm not enough experienced in this so hope I'll do it right and it will work. Thanks a lot for your opinions, people, you are awesome, I learned something new!
Instead of using a 3rd party software, that is bound to have the same problems with as your browser experience, try bringing the items into your software as slightly more intelligent entities. You do not mention what software you use but you can easily bring in the symbols/shapes/library items into any adobe suite application.
Image 1: Font awesome as symbols with class names in Illustrator
Now you can go further and easily script automatic annotation of these items too... So do not think external app think extend your app.
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.