Open ctkjose opened 4 years ago
Thank you. This sounds like something I really want to work on.
Cheers Johan
I like how this project does it. For example:
arrow-up-x2191.svg use the correct unicode symbol if possible magnifying-glass-xe001.svg otherwise use the unicode "Private Use Area" (start from xe001, don't use xe000) key.svg this file gets automatically mapped to a unicode "Private Use Area" symbol, if you use the --rename-files option this file will be renamed to something like key-xe002.svg
Using the file name is simple, also a couple of Graphics apps can export layers as svg files based on the layer name. (This is what im doing) which is a fairly simple workflow.
While naming a glyph is a nice feature, where it is actually a must if for generating the corresponding CSS. Using a web font without a CSS is not practical.
The css could also use a temple like you do for the html, the preference could also ask to the actual css style with a place holders for each code point. For example:
CSS ENTRY DEFINITION:
.myprefix-{%CODE-POINT-NAME%}:before {
content: "\{%CODE-POINT-HEX%}";
}
CSS FILE TEMPLATE:
@font-face {
font-family:"MyFont";
src:url("{%FONT-NAME%}.eot?ef21c39f0ca9b1b5116e5eb7ac5eabe6");
src:url("{%FONT-NAME%}.eot?#iefix") format("embedded-opentype"),
url("{%FONT-NAME%}.woff2?ef21c39f0ca9b1b5116e5eb7ac5eabe6") format("woff2"),
url("{%FONT-NAME%}.woff?ef21c39f0ca9b1b5116e5eb7ac5eabe6") format("woff"),
url("{%FONT-NAME%}.ttf?ef21c39f0ca9b1b5116e5eb7ac5eabe6") format("truetype"),
url("{%FONT-NAME%}.svg?ef21c39f0ca9b1b5116e5eb7ac5eabe6#octicons") format("svg");
font-weight:normal;
font-style:normal;
}
{%ICONS%}
In my examples I use place holders like {%FONT-NAME%}
, {%ICONS%}
, {%CODE-POINT-HEX%}
, {%CODE-POINT-DECIMAL%}
, {%CODE-POINT-NAME%}
, any format for place holders is fine.
In the HTML template it could be cool if there is a place holder to auto generate all the code points used.
I currently have my own PHP script to build an svg sprite instead of an svg font.
Hi. I have implemented a new folder import function. There are still many thing to fix. Send me an email of you want a beta version.
I got the comercial version hoping for an affordable standalone app to quickly get svg icons into an svg font similar to what web apps like Fontello and IcoMoon do. Yet it was quite frustrating and end up back with Fontello. The app is nice but not that useful for my use case.
Having to set up the grid base line, x-height etc is just excessive for simple svg fonts. The preview is useless for unicode points (like the private use). You have to move and size every svg by hand, since the import does nothing but place svg at origin.
My which list would be: