I've successfully created a few icon fonts for my websites and the Inkscape FontForge approach as outlined in this how-to is pretty solid, and if you're used to using software such as Inkscape, it's also pretty easy too. I'm about to get fontforge and start learning (if there's better free software for font creation, let me know). hours and hours could have been saved.Īnyway, any help with this is greatly appreciated. with css as well? Man, if this really is true. And then I could change the size, color, etc. I would then need to specify the font type within the css class/id (i.e. For those more experienced with fontforge, is there a way to say a specific word = character?Īlso, in regards to implementing this on the website. If that's the case, it'll take a bit of memorization (especially since I have over 26 icons). png file for every different color and size). so much better than creating different icons, exporting each as it's own. Will this method ultimately mean creating a one file font set that has each icon assigned to a character? Because this method is so new to me I really want to sure I approach it correctly first (I see great potential. Rather than as images or css background, it seems you can approach icons as a font.

Thank you so much for your time, I admit I'm terribly ignorant when it comes to how fonts function in this manner.Through getting some answers here and some research, I've come across a new approach to implementing icons. I suppose I'm out of luck in that case.Ĭould this be an issue with my system? I'm on windows 10 using inkscape version 0.92. I'm guessing that 'p9_g_d0_f25' doesn't indicate an actual font, but rather some encoding present in the initial svg that inkscape can't interpret.

How could I identify the font being used in the original svg? Inspect element identifies it as ' font-family: 'p9_g_d0_f25',sans-serif ', which is exactly the same as what inkscape identifies it as, but(!) says the font is not located on the computer, so I guess it's defaulting to sans-serif which is much larger. Opera will open it correctly but you'll have to edit the name to be svg if you want firefox to open it correctly.

I've attached the original svgz file giving me trouble. Apologies, it appears the problem is more complicated than I imagined.

Inkscape svg elekslaser font is hollow